html div 的内容使用 jquery

Question

我对页面进行了 ajax 调用，我收到了一些 HTML 代码：

$.ajax({
    url: 'test.php',
    data: "id=1",
    cache: false,
    success: function(myHtml){
       //here I have myHtml 
    }
});

通过 test.php 返回的 html 是 myHtml，如下所示：

<div id="firstDiv">
some text 123
</div>
<div id="firstDiv">
some text 456
</div>

如何获得 jquery 中 firstDiv 的内容成功？

谢谢你。

Answer 1

您可以使用jQuery 构造函数基于该代码构建 jQuery object。

var results = $(myHtml);

在这种情况下，您将在选择中包含多个元素，因此您需要过滤它们，在这种情况下可能使用eq ：

var firstResult = results.eq(0);

请注意，不知道 jQuery 会对 HTML 字符串中相同id的多个实例做什么。

Answer 2

$(myHTML).filter("div:first").text()

Answer 3

尝试以下操作：

$("#firstDiv").get().innerHTML

Answer 4

$(myHtml).find("#firstDiv").html()