Как вставить после 2-го элемента?

Question

Как я могу вставить что-то после второй формы с 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> 

Чтобы вставить после первой формы, я могу использовать:

$(function() { 
$('<div>block</div>').insertAfter("#sortme form.mform:first"); 
}); 

поэтому я попытался это код для второго, не получилось:

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

Answer 1

Попробуйте .insertAfter("#sortme form.mform:eq(1)");

Answer 2

Вы, также, можете использовать counter, условный оператор и append следующим образом:

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

Демонстрационный является HERE