How to get the row index in a HTML table

Question

I\'m trying to update a database users table. I made an HTML table which contains the data of the users in my database. this HTML table contains 3 columns and in each row t

Answer 1

You can use parents() function for the same.

var tr = $(this).parents('tr');

this would give your row on which button was clicked.

  
  
      
          Engineer 
          Doctor 
      
  
  update 



$("button").click(function () {
    var $row = $(this).parents('tr:first');

    var txt = $row.find('input[type=text]').val();
    var salVal = $row.find('select:selected').val();

    alert(txt+' '+salVal);
});