如何在HTML表中获取行索引

Question

我正在尝试更新数据库用户表.我制作了一个HTML表,其中包含我数据库中用户的数据.这个HTML表包含3列,每行有一个按钮.当我单击此按钮时,我应该使用html表单元格中输入和选择字段中包含的信息更新用户数据库表.我的HTML代码是:

<tr>
  <td><input type="text" name ="name"/></td>
  <td>
      <select name="select_job">
         <option value="1"> Engineer </option>
         <option value="2"> Doctor </option>
      </select>
  </td>
  <td><button>update </button></td>
</tr>

我试图获取单击更新按钮的行数,然后获取每列中的数据但是我失败了.我的js代码是:

$("button").click( function() {
 var $row = $(this).parent().parent(); //tr
  var $columns = $row.find('td');
  $.each($columns, function(i, item) {

   values = values + 'td' + (i ) +':<br/>';


});

 });

如何在单击按钮的行中获取数据(inpt文本,所选项目)？

Answer 1

你可以像这样使用

$("button").click(function () {
    var inputValue = $(this).closest("tr").find("input[type=text]").val();
    var selectValuse = $(this).closest("tr").find("[name='select_job']").val();
    var index = $(this).closest("tr").index();
});