javascript - .load() div 的内容而不是整个 div

Question

$('#content').load(href + ' #content');

是否可以只加载 #content 的内容而不是加载整个<div id="contents">这样我就可以防止 <div id="contents"><div id="contents"></div></div> ？

我忘记在很多页面上放置包装器，如果有解决方法，这会节省我一些时间。

Answer 1

我觉得你可以试试

$('#content').load(href + ' #content > *');

注意:如果#content有任何文本节点作为其子节点(不是后代)，那么它可能不起作用(文本节点可能不会被复制)

演示:Fiddle

<小时/>

另一个解决方案是手动删除第二个包装器(如果存在)

$('#content').load('ajax.html' + ' #content', function () {
    if ($(this).children('#content').length) {
        $(this).contents().unwrap()
    }
});

演示:Fiddle