使用 jQuery.load 从外部加载 div 内容到自己的 div

Question

假设我有两个设计相同但内容不同的 html 页面。我在两个页面上都有相同的 div 和相同的 id。如何使用 jQuery.load （或我使用什么），以便 div#conent 不会被添加到 div#content第一页。

我试过了：

$(document).ready(function(){
  $("a#linkHome").click(function(){$("div#content").load('index.htm #content');});
  $("a#linkPage2").click(function(){$("div#content").load('page2.htm #content');});
});

...但它最终会在已经存在的 div 中添加另一个 div！

<div id="content">
  <div id="content">
    Blah Blah Blah
  <div id="content">
</div>

Answer 1

尝试：

$(document).ready(function(){
  $("a#linkHome").click(function(){$("div#content").load('index.htm #content *');});
  $("a#linkPage2").click(function(){$("div#content").load('page2.htm #content *');});
});

通过这种方式，您可以获取 div#content 中的所有元素，但不能获取 div 本身。

Answer 2

或者您可以尝试相反的方法。只需在目标页面中添加一个包装器 div。