要素をw/jQueryの後に挿入する

Question

私はテーブルを持っており、ある列にはリンクがあります。リンクをクリックすると、divを追加のデータとともに表示します。現在私はそれらのdivsを隠して、クリックでそれらを示す。私はそのdivを関数に入れて、アイテムがクリックされたときにdivをクリックしたアイテムに追加するべきかどうか疑問に思っています。

私は正しいトラックにいますか？

私はを追加しますか？またはinsertAfter？

Answer 1

要素の非表示/表示は悪い習慣ではなく、一般的にあなたが話しているようなシナリオを実行するために行われます。しかし、要素を追加するだけでなく、どのような戦略によってJavaScriptコードがより洗練され、より保守的になるかによって異なります。

appendToまたはinsertAfterについての違いは、達成したいことに少し依存します。

につながる

<div id="outer"> 
    <span>Test</span> 
</div> 

$("#outer").insertAfter("<span>Test</span>"); 

ながらにつながる

$("#outer").append("<span>Test</span>"); 

の実行以下のHTML

<div id="outer"> 
</div> 

を考えてみましょう

<div id="outer"> 
</div> 
<span>Test</span> 

Answer 2

appendToはコンテナ（div、span、td、stuffを保持するもの）内に何かを配置し、insertAfterは別の要素の後（外側）に配置します。