如何使用jQuery插入到列表中的特定位置？

Question

我有一個包含div的表單字段div列表。

<div id="container"> 
    <div class="form-field">  
     // Data 
    </div> 
    <div class="form-field"> // selected item 
     // Data 
    </div> 
    <div class="form-field">  
     // Data 
    </div> 
</div> 

我有一個選定的項目var它擁有我們正在使用的項目。舉例來說，選擇第二個表單字段div。我將如何在所選項目之後追加另一個元素？另一個表單字段div需要添加到列表中的第三個位置。該列表將是動態的，所以它將始終取決於所選項目。

Answer 1

jsFiddle demo

使用.after()與:eq()選擇組合

$('.form-field:eq(1)').after('<h2>Your New Html After it</h2>'); 

你可能會想讓它充滿活力，並具有1是一個變量，因此您可以取其表單字段後，把它你自找的。這將使它在第二個div之後出現。注意：eq（）是基於0索引的。