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＃内容中的所有元素，但不会获得div本身。

Answer 2

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

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

2 个答案: