Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Get id of selected row in a table -HTML

Tags:

html

jquery

I have a table in my MVC application.I want to get the id of the selected row.I captured the click event of tr using jQuery. The table sample is shown below

<table id="resultTable">
 <tr id="first">
  <td>c1</td>      
  <td>c2</td>      
 </tr>
 <tr id="second">
  <td>c3</td>      
  <td>c4</td>      
  </tr>    
</table>

I am using following script to access row click event

 $(document).ready(function () {      
     $('#resultTable tr').click(function (event) {
          alert(this.); //trying to alert id of the clicked row          

     });
 });

But its not working.How can get selected row id .??Any ideas??

like image 759
Null Pointer Avatar asked Feb 28 '11 13:02

Null Pointer


2 Answers

$(document).ready(function () {      
     $('#resultTable tr').click(function (event) {
          alert($(this).attr('id')); //trying to alert id of the clicked row          

     });
 });
like image 144
stecb Avatar answered Sep 20 '22 16:09

stecb


You were almost there. Just access it directly:

alert(this.id);
like image 37
user113716 Avatar answered Sep 21 '22 16:09

user113716