使用jquery的html div的内容

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 constructor基于该代码构建jQuery对象。

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()