JQuery add row to fourth to last row

Question

I have a table of accounts. The last four lines are the following, starting with the last: Grand Total, Tax, Subtotal, Add a direct link.

So I need to add a line before "Add link line".

This thread Add Table Row in jQuery shows how to add a row after the last row. I just need to change it to add a line to the fourth to the last line.

Answer 1

how about adding a class to your shared string

<tr class="grand-total"></tr> 

then in jquery you do

 $('#myTable tr.grand-total').before('<tr></tr>'); 

this way you are not doing this based on a position that can change, but instead is based on something meaningful like a “total amount"

Answer 2

You want a negative .eq :

 $("#table tr").eq(-4).before( $("<tr>").append( $("<td>") // ... ) ); 

Answer 3

Use . before () instead . after () :

 $('#myTable tr:last').before('<tr>...</tr><tr>...</tr>'); 

Answer 4

You can go to the last line and then go with prev ()

 $(function(){ $("#myTable tr:last") .prev().prev().prev().prev() .after("<tr><td>x</td></tr>"); });