Javascript 如何获取HTML表中的行索引

我正在尝试更新数据库用户表。 我制作了一个HTML表，其中包含数据库中用户的数据。 此HTML表包含3列，每行中有一个按钮。当我点击这个按钮时，我应该用html表格单元格中输入和选择字段中包含的信息更新users数据库表格。 我的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/>';


});

 });

$（“按钮”）。单击（函数（）{
var$row=$（this.parent（）.parent（）；//tr
var$columns=$row.find（'td'）；
$。每个（$列，函数（i，项）{
值=值+'td'+（i）+'：
；
});
});

如何获取单击按钮所在行中的数据（输入文本、选定项）？

您可以使用获取当前按钮的行，并使用获取该行的索引

$(this).closest('tr').index()

您可以使用parents（）函数进行相同的操作

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

这将给出单击按钮所在的行

<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>


$("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);
});

工程师
医生
更新
$（“按钮”）。单击（函数（）{
var$row=$（this.parents（'tr:first'）；
var txt=$row.find（'input[type=text]'）.val（）；
var salVal=$row.find（'select:selected'）.val（）；
警报（txt+“”+salVal）；
});

您可以这样使用

$("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();
});

---

下面的代码可能会帮助您获得所需信息

$("button").click(function () {
    var $row = $(this).parent().parent(); //tr
    var $columns = $row.find('td');
    var rowIndex = $row.index();
    var values = new Array();
    for (var i = 0; i < $columns.length - 1; i++) {
        var item = $columns[i];
        values.push($(item).children().val());
    }
    alert(JSON.stringify(values));
});

$（“按钮”）。单击（函数（）{
var$row=$（this.parent（）.parent（）；//tr
var$columns=$row.find（'td'）；
var rowIndex=$row.index（）；
var值=新数组（）；
对于（变量i=0；i<$columns.length-1；i++）{
变量项=$columns[i]；
value.push（$（item.children（）.val（））；
}
警报（JSON.stringify（值））；
});

---

如何获取输入文本和所选项目的数据？@GhadaSalem:请现在检查