如何在特定元素上使用.load时仅检索元素的内容？

Question

例如，当我做这样的事情时：

$('#foo').load(window.location + ' #foo');

可以预期上面提到的代码重新加载id为foo的div的内容。但没有。

但是，如果foo的内容是：

，它实际上给了我什么

<div id="foo">
  Foofoo
</div>

它会给我：

<div id="foo">
  <div id="foo"><!-- Retrieved from the other page, don't want this -->
    Foofoo
  </div><!-- Don't want this either -->
</div>

但我只想要div foo的内容。我不想添加任何子元素，所以我只是想知道是否可以将配置更改为仅加载内容，或者如果可能的话以其他方式。

Answer 1

然后尝试这样：

my_text = $('#foo').text();
$('#foo').load(window.location + my_text);

Answer 2

您要使用的是.html()。

$('#foo').load($('#foo').html());