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