javascript - 如何使用 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 演示

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

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

您可能希望使其动态化，并使其1成为一个变量，以便您可以将它放在您想要的任何表单字段之后。这将使它在您想要的第二个 div 之后出现。注意 :eq() 是基于 0 索引的。