Question

After my Ajax form is submitted , i am adding dynamically the new row to table with this code

var $var = $('table');
var newRow = "<tr><td> blah </td></tr>"

$var.find('tr:last-child').before(newRow)

Now i want the background color of that row as light yellow only for 3 seconds then change backto normal

Answer 1

You can try using setTimeout function:

var $newRow = $("<tr class='light'><td>blah<td></tr>");
$var.find('tr:last-child').before($newRow);
setTimeout(function(){
    $('#table tr.light').removeClass('light')
}, 3000)