如何将纯文本从另一个页面加载到 div答案

【问题标题】：How to load plain text in to div from another page如何将纯文本从另一个页面加载到 div
【发布时间】：2011-12-06 18:38:36
【问题描述】：

我正在尝试将另一个页面 div 中的内容加载到另一个页面 div 中。

我有什么：

查询：

$('#news_date-1').load('test.php .news_date-1');

测试.PHP

<div class="news_date-1">20-11-2009</div>

目的地.html

 <div id="news_date-1"></div>

我得到的结果=

<div id="news_date-1"><div class="news_date-1">20-11-2009</div></div>

我想要的结果=

<div id="news_date-1">20-11-2009</div>

有人可以帮忙吗？

【问题讨论】：

标签： ajax jquery dom-manipulation

【解决方案1】：

你可以尝试在回调中调用unwrap()。

$('#news_date-1').load('test.php .news_date-1', function () {
    $(this) //will refer to #news_date-1
        .find('.news_date-1') //find the inserted div inside
        .contents() //find all its contents
        .unwrap(); //unwrap the contents, thus removing the unneeded div
});

这不是最漂亮的解决方案，因为.load()已经将它插入到DOM中，然后你再次篡改DOM，应该最小化。

我看到的另一种方法是改用$.get()：

$.get('test.php', function(receivedHtml) {
    //getting only the parts we need
    var neededHtml = $(receivedHtml).find('.news_date-1').html();
    //adding it to DOM
    $('#news_date-1').append(neededHtml);
});

【讨论】：

【解决方案2】：

试试这个：

$.get('test.php', function(data) {
    $('#news_date-1').append($(data).find('.news_date-1'));
});

【讨论】：