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

Question

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

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

人们会期望上面提到的代码重新加载 div 的内容，其 id 为foo. 但不是。

但它实际上给了我什么，如果内容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());