JQuery - Tabellenzeile nach bestimmten Klassen hinzufügen

Question

Ich verwende eine Reihe zu einer Tabelle hinzu:

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

Dies funktioniert gut, und die Zeile wird nach dem letzten .main tr

jedoch die Tabelle hinzugefügt kann Einträge mit Klasse main und/oder Einträge mit Klasse other enthalten

Ich möchte meine Zeile nach beliebigen Einträgen beider Klassen hinzufügen.

Gibt es eine Möglichkeit, das zu tun?

Dank

Answer 1

Sie this nur versuchen ..

ich Ihre Geige mit einem kleinen Beispiel aktualisiert, wie Sie das tun könnten.

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'); 
    }); 
});