如何使用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需要添加到列表中的第3个点。该列表将是动态的，因此它将始终取决于所选项目。

Answer 1

jsFiddle demo

将.after()与:eq()选择器结合使用

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

你可能想让它变得动态，让1变成一个变量，这样你就可以把它放在你想要的任何形式字段之后。这将使它成为你想要的第二个div之后。注意：eq（）是基于0索引的。