Jquery - Добавить строку таблицы после определенных классов

Question

Я добавляю строку в таблицу с помощью:

 $('#host_files').find('.main').last('tr').after(row); 

Это прекрасно работает, а строка добавляется после последнего .main тра

Однако таблица могут содержать записи с классом main и/или записи с классом other

Я хочу добавить свою строку после любых записей любого из классов.

Есть ли способ сделать это?

Благодаря

Answer 1

Вы просто попробовать this ..

Я обновил свою скрипку с небольшим примером того, как вы могли бы сделать это.

Html

<form name="myform" id="myform"> 
    <table id="blacklistgrid"> 
    <tr id="Row1"> 
     <td class="space">&nbsp;</td> 
     <td>Red</td> 
     <td>Yellow</td> 
     <td>Green</td> 
    </tr> 
    <tr id="Row2"> 
     <td> 
     <input type="text" placeholder="shade" name="shade" /> 
     </td> 
     <td> 
     <input type="checkbox" name="red" /> 
     </td> 
     <td> 
     <input type="checkbox" name="yellow" /> 
     </td> 
     <td> 
     <input type="checkbox" name="green" /> 
     </td> 
    </tr> 
    </table> 
    <button type="button" id="btnAdd">Add few more Rows!</button> 
</br> 
</br> 
<button type="button" id="btnAddCol">Add new column</button> 
</br> 
</br> 
<input type="submit"></input> 
</form> 

Css

td { 
    padding-right: 15px 
} 
.space { 
    padding-right: 75px; 
} 

Jquery

$(document).ready(function() { 
    $('#btnAdd').click(function() { 
    var count = 3, 
    first_row = $('#Row2'); 
    while (count-- > 0) first_row.clone().appendTo('#blacklistgrid'); 
    }); 
});