jquery - 特定の要素で .load を使用するときに要素の内容のみを取得する方法は?

Question

たとえば、次のようなことをすると:

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

上記のコードは、 の id を持つ div の内容をリロードすると予想されます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());