jquery只加载innerHtml而不是包装器本身

Question

让我澄清一下我的需要,从标题中可能并不完全清楚.

我在用:

$("#content").load("http://example.com/page1.html #content");

当我查看firebug时,我在发生Ajax调用的页面上看到#content里面的#content.
所以很明显我只需要#content的内部html来加载.使用Jquery实现这一目标的最佳方式是什么.

谢谢!

Answer 1

使用#content上的子选择器(http://api.jquery.com/child-selector/)选择所有(*)#content的子项.

$("#content").load("http://example.com/page1.html #content > *");

Answer 2

可以使用 $.get

$.get('http://example.com/page1.html', function (data) {
    data = $(data).find('#content').html();
    $("#content").empty().append(data);
});