jQuery-從外部頁面加載不同的div

Question

我有這段代碼，我只想從頁面load.php加載此頁面中每個div的文本，而只有頁面load.php的加載請求 。

下面的例子兩次加載頁面load.php :(

$('#div1').load('load.php #div1');
$('#div2').load('load.php #div2');

<div id="div1"></div>
<div id="div2"></div>

---

load.php頁面上有以下代碼：

<div id="div1">test to load1</div>
<div id="div2">test to load2</div>

我該怎么做？

Answer 1

您可以使用jQuery.get加載php，然后將每個片段插入所需的元素中：

$.get({
    url: 'page.php',
    dataType: 'html',
    success: function(response) {
        var html = $($.parseHTML(response));
        $('#div1').text(html.filter('#div1').text());
        $('#div2').text(html.filter('#div2').text());
    }
});

編輯/注釋元素（ #div1和#div2 ）是否位於已加載的html的頂級，請使用： html.filter('#div1') ; 否則，請使用html.find('#div1')選擇所需的節點。

有關jQuery.get的更多信息。