javascript - 如何 .load() 将页面中的特定 div 加载到目标 div，而不是整个页面

Question

我有以下脚本将页面加载到 div 而不仅仅是目标 div。当回到我的索引并且我的页眉和页脚被塞进 <div id="contentspace"></div> 时，这一点最为明显。 .

我在这里的某个地方读到，div 需要在显示之前放置在它自己的页面中。不确定哪种方法可以做到这一点。如果没有主题标签，这可能吗？感谢您的帮助

<script type="text/javascript">
    $(function() {
        $('#header a').click(function() {
            $('#contentspace').empty();
            $("#contentspace").load(this.href, function(response){
                console.log($('#content', response).html())
                event.preventDefault();
            });
        });
    });
</script>

Answer 1

方法.load()可以加载页面片段，只需在 url 旁边指定一个有效的 jquery 选择器即可。

$('myelement').load('page.html #content', function() {
    ...
});

请注意，在加载页面片段时，jquery 将删除它可能包含的任何 SCRIPT 元素。

在你的例子中，你会做:

$("#contentspace").load(this.href + ' #content', function(response){
    ...
});