jQueryの影響を与えることができない「外」のdiv

Question

だから、私はこの単純なことをしたいです。しかし、それは動作しません、私はちょっと理由を知っていると思う。この場合、私が実際に行っているdivに影響を与えたいと思います。したがって、submitbuttonをクリックした後、addformの内容を変更し、それらをdonedata変数に置き換えたいと思います。よりよく理解するために

：

<div id="addform"> 
<div id="form"> 
<input type="text" value="blabla" /> 
<input type="submit id="submit" value="submit" /> 
</div> 
<div id="result" style="visibility:hidden"> 
</div> 
</div> 

私は（この記事の冒頭で）コードの最初の行を変更しますので、#addformを変更しようとしないだろうが、場合#resultの内容（まず、css-methodで可視にする）うまく動作します。

だから、「私がいる」というdivの何かを変更できない、あるいは私ができることが他にもあるという問題は簡単ですか？

私が書いたものが実際に理解できるかどうかはわかりません。

Answer 1

#addformをdonedataの内容（おそらくHTMLの文字列）で置き換えようとしていると思います。

jQueryメソッドreplaceWithでこれを行うことができます。これにより、選択範囲内の要素（この場合は#addform）がドキュメントから削除され、新しい内容（この場合はdonedata）に置き換えられます。

$('#addform').replaceWith(donedata);