Javascript 第二个元素后如何插入?

Javascript 第二个元素后如何插入?,javascript,jquery,Javascript,Jquery,对于此标记,如何使用mform类在第二个表单后插入内容: <table id="sortme"> <tr> <td>1</td> <td><form class="mform"></form></td> </tr> <tr> <td>2</td> <td><form class="mfor

对于此标记,如何使用
mform
类在第二个表单后插入内容:

<table id="sortme">
  <tr>
    <td>1</td>
    <td><form class="mform"></form></td>
  </tr>
    <tr>
    <td>2</td>
    <td><form class="mform"></form><!---Insert Me here !---></td>
  </tr>
    <tr>
    <td>3</td>
    <td><form class="mform"></form></td>
  </tr>
</table>

1.
2.
3.
要在第一个表单后插入,我可以使用:

$(function () {
$('<div>block</div>').insertAfter("#sortme form.mform:first");
});
$(函数(){
$('block').insertAfter(“#sortme form.mform:first”);
});
所以我第二次尝试了这个代码,但没有成功:

$(function () {
$('<div>block</div>').insertAfter("#sortme > form.mform:nth-child(2)");
});
$(函数(){
$('block').insertAfter(#sortme>form.mform:nth child(2)”;
});

试试
.insertAfter(#sortme form.mform:eq(1)”

您也可以使用
计数器、条件语句和
追加
,如下所示:

<script>
    $(document).ready(function(){
      counter = 0;
      $(".mform").each(function(){
        if (counter === 1){
          $(this).append("<div>Block</div>");
        }
        counter++;
      });
    });
  </script>

$(文档).ready(函数(){
计数器=0;
$(“.mform”).each(函数(){
如果(计数器==1){
$(此)。追加(“块”);
}
计数器++;
});
});

演示是

谢谢,第一个建议有效,第二个建议无效,有什么区别吗?@rockyraw-我删除的那一个不起作用,只是意识到仅供参考-您还可以通过将当前索引传递给
.each()
回调函数(
$(“.mform”).each(函数(索引){
)来获取当前索引,如果(索引==1)