JQuery to get Click event in table row

Question

I have the following table

<table> <tr class="rows"><td>cell1</td><td>cell2</td></tr> </table> 

How can I set a warning message if I clicked on any of the column of <tr class="rows"> using jquery?

Answer 1

You can use a delegate to improve performance, which will attach the click event to the root container of the rows ie table

 $(document).ready(function(){ $("tableSelector").delegate("tr.rows", "click", function(){ alert("Click!"); }); }); 

Answer 2

 $( function(){ $(".rows").click( function(e){ alert("Clicked on row"); alert(e.target.innerHTML); } ) } ) 

Example

The best solution

 $(document).on("click","tr.rows td", function(e){ alert(e.target.innerHTML); }); 

Answer 3

 $(document).ready(function(){ $("tr.rows").click(function(){ alert("Click!"); }); }); 

Answer 4

 $(".rows").click(function (){ alert('click'); });