jQuery:在第n个元素之后添加元素

Question

我需要帮助在页面正文的特定位置添加元素。

这是我的页面代码。

<div id="div1>
  <label id="label1"></label>
  <input type="text1"></input>
  <!-- Insert button here -->
  <span id="span1"></span>
</div>

我想在上面使用 jQuery 放置注释的位置添加一个按钮。如果页面语法是固定的，有没有办法可以添加一个元素作为父 div 的第三个子元素？我不想放置占位符并进行字符串替换。

谢谢。

Answer 1

$('#div1').children(':eq(1)').after('<button/>');​​​​

<强> jsFiddle example 。