onclick on tr row

Question

I try to display alert when click on row

i try this

<table cellspacing="0"
rules="all"
border="1"
id="tabledata"
style="border-collapse:collapse;">
<tr>
<th>ID</th>
<th>Name</th>
<th>DOB</th>
<th>Email</th>
</tr>
<tr>
<td>237</td>
<td>John</td>
<td>05/04/1981</td>
<td>[email protected]</td>
</tr>
<tr>
<td>238</td>
<td>Tom</td>
<td>11/11/1967</td>
<td>[email protected]</td>
</tr>
</table>

but when i try this nothing happens check js fiddle

https://jsfiddle.net/jjhby695/19/

$("tabledata tr").click(function () {
alert('unitNo');
});

kalu singh rao · Answer

you can change in code as below. It will work fine. $(# tabledata ).on('click''tr'function(e){ e.preventDefault(); alert('$(this).attr('unitNo'); });

Vinay Singh · Answer

Hi check the code $(document).ready( function (){ $( .table ).on( 'click'  'tr'  function (e){ e.preventDefault(); var id=$( this ).attr( 'value' ); alert(id); }); }); check demo http://jsfiddle.net/jBE4v/2/ for detail check the link http://stackoverflow.com/questions/14460421/jquery-get-the-contents-of-a-table-row-with-a-button-click http://stackoverflow.com/questions/2315600/jquery-getting-the-text-value-of-a-table-cell-in-the-same-row-as-a-clicked-ele

kalu singh rao · Answer

You can use below jsfiddle link. It is working fine. https://jsfiddle.net/uxrb4js7/ If you find it is good answer then accept as answer.

scropio gurl · Answer

@ kalu singh rao when i try this nothing happens