要素を複製せずにjQuery .load関数でリフレッシュ

Question

ユーザーがサブミット・ボタンをクリックすると、div .forumが更新されます（ページをリフレッシュせずに）。しかし、それは代わりにTHSのように、元のdivの内側に新しいdiv要素.forumを作成し、いくつかの理由：

私は私が思っていた、DIV .forumの周りにコンテナを追加することでこれを防ぐことができることを承知していますがコンテナdivが必要ないというオプションがある場合は？

<div class="forum"> 
<form id="theforum"> 
<input type="submit"> 
</form> 
</div> 

<script> 
$(document).on("submit", "#theforum", function(e) { 
    e.preventDefault(); 
    $(".forum").load(location.href + " .forum"); 
}); 
</script> 

Answer 1

：

$(".forum").load(location.href + " .forum > *"); 

あなたはdiv要素自体をつかんいない。この方法は、しかし、その内容

Answer 2

load関数は、別のページの応答を読み込み、指定された要素にダンプします。
.forum divを更新するには、古い.forumを削除してから新しいものをロードし、削除した '.forum'の親にダンプします。

$(document).on("submit", "#theforum", function(e) { 
    e.preventDefault(); 
    $('.forum').remove() 
    $("##FORUMS PARENT TAG##").load(location.href + " .forum"); 
}); 

幸運！

参考

：これは今動作するかどうか、私はテストすることはできませんが、私はそれはあなたの問題を解決すると信じて http://api.jquery.com/load/