Changing the Back Color of Selected Row

Question

Hi All I want to change the background color of the selected row upon the click function of that selected row in CSS and Jquery. Response is Kindly Appreciated. Thanks in advance.. Regards Hari

Mangesh Gaherwar · Answer

Script Section $(document).ready(function () { $('#Data tr').on('click' function () { $(this).toggleClass('highlighted'); }); }); ================= .highlighted { background: blue; } #data tr { background: white; } ============style section==========

Khaja Moizuddin · Answer

$(this).css('background-color' 'red'); in your click event set this .

Bikesh Srivastava · Answer

you could use this one also. $( tr ).click(function(){ $( this ).addClass( selected ).siblings().removeClass( selected ); });​