Question

how can i append a new tr to the top of the table instead of under other tr.

Example:

<table width='100%'> <tr><td>something</td><td>else here</td></tr> <tr><td>something2</td><td>else here2</td></tr> </table> 

After a click event in jQuery, how can i place <tr><td>something3</td><td>else here3</td></tr> at the top of the table so it now looks like

<table width='100%'> <tr><td>something3</td><td>else here3</td></tr> <tr><td>something</td><td>else here</td></tr> <tr><td>something2</td><td>else here2</td></tr> </table> 

Any help on this would be greatly appreciated.

Answer 1

$('table').prepend('<tr><td>something3</td><td>else here3</td></tr>'); 

or…

$('<tr><td>something3</td><td>else here3</td></tr>').prependTo('table'); 

---

More info on ‘prepend’: http://docs.jquery.com/Manipulation/prepend

More info on ‘prependTo’: http://docs.jquery.com/Manipulation/prependTo