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

Question

假设我有两个设计相同的html页面,但内容不同.我在两个页面上都有相同ID的相同div.我如何使用jQuery.load(或我使用的是什么),以便div#conent不会被添加到第一页的div#内容中.

我试过这个:

$(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本身.