javascript - 动态内容的 JQuery Find() .value()

Question

我正在调用一个以 HTML 作为参数的 jQuery 方法。

然后我想通过 HTML 检查类为 "LastIdReceived" 的 input 控件。永远只有其中之一。

然后我想找到为此控件设置的值(即:收到的最后一个控件的 ID)。

但是，val() 方法返回 undefined。我想知道这是不是因为它是动态内容而不是 DOM 的一部分。

如果有办法得到这个，请分享一下。

这是我的功能:

 function AfterLoadingMoreFollowersOpinions(data) {
    var htmlObject = $(data);
    var object = htmlObject.find('.LastIdReceived');
    alert(object.val());  
}

---

编辑:我的 Controller 返回一个 PartialView 作为 ActionResult，然后将其提供给 Ajax 调用的 OnSuccess 方法，如下所示:

OnSuccess = "AfterLoadingMoreFollowersOpinions(data);"

我认为它正在从此调用中正确传递 HTML，因为在 JS 中为 htmlObject 和对象执行 ALERT 正在返回 [object object] 这让我相信 JS 的那些部分正在工作(如果我是，请纠正我错了。我不知道更好的检查方法)。

PartialView 呈现并通过(我假设)到 JS 函数的 HTML 如下:

<div>
<div class="PostedOpinionDiv" id="SkipToOpinion_1002">
<p><b>Id:</b> 1002</p>
<p><b>Author:</b> Joe Shmoe - 8</p>
<p><b>Opinion Subject:</b> Follower Opinion Subject - 2</p>
<p><b>Opinion:</b> Follower Opinion Text - 2</p>
</div>
<input type="hidden" class="LastIdReceived" value="1002" />
</div>

如您所见，这是我想从我的 JS 函数 (1002) 获得的输入值。

Answer 1

您可以使用 jquery 的 parseHTML() 方法将 HTML 文本作为 DOM，这是您给定示例的解决方案:

//Parse HMTL to DOM and find an item value
function AfterLoadingMoreFollowersOpinions(data) {
    var htmlObject = $.parseHTML(data);
    var object = $(htmlObject).find(".LastIdReceived");

    //alert item value
   alert(object.val());  
}

//Any HTML text
var htmlString = "<div>";
htmlString += "    <div class=\"PostedOpinionDiv\" id=\"SkipToOpinion_1002\">";
htmlString += "        <p><b>Id:</b> 1002</p>";
htmlString += "        <p><b>Author:</b> Joe Shmoe - 8</p>";
htmlString += "        <p><b>Opinion Subject:</b> Follower Opinion Subject - 2</p>";
htmlString += "        <p><b>Opinion:</b> Follower Opinion Text - 2</p>";
htmlString += "   </div>";
htmlString += "   <input type=\"hidden\" class=\"LastIdReceived\" value=\"1002\" />";
htmlString += "</div>";

//Call function and send HTML text
AfterLoadingMoreFollowersOpinions(htmlString);

看到工作:http://jsfiddle.net/6ZH7v/1/

文档，如果您有兴趣:http://api.jquery.com/jQuery.parseHTML/