Question

I’m using Jquery to add a row to the end of a table, that works fine. I want to use the JqueryUI highlight method to highlight the row when it gets added. It works, but it’s not highlighting the new row, but the one above it. I’m guessing this is because I’m using the .after function to add the new row. How can I make it highlight the right row? My code looks like this

$('#playlistTable tr:last').after('<tr><td>text to add to table</td></tr>').show('highlight',500); 

Answer 1

You could do this is you want to use chaining.

$('<tr><td>'text to add to table'</td></tr>').insertAfter('#playlistTable tr:last').show('highlight',500); 

You can view the documentation at http://docs.jquery.com/Manipulation/insertAfter#content