如何使用Javascript获取表的当前rowindex？

Question

我可以在Javascript中获取表的当前行索引，并且可以删除具有当前索引的表行吗？

Answer 1

如果您使用 JQuery，请使用方法.index()

var index = $('table tr').index(tr);

如果没有使用JQuery，您可以循环遍历所有TR元素来查找匹配的TR。

var index = -1;
var rows = document.getElementById("yourTable").rows;
for (var i=0;i<rows.length; i++){
    if ( rows[i] == YOUR_TR ){
        index = i;
        break;
    }
}

Answer 2

rowIndex属性返回表中行的位置

function myFunction(x) {
  console.log("Row index is: " + x.rowIndex);
}

<table>
  <tr onclick="myFunction(this)">
    <td>Click to show rowIndex</td>
  </tr>
  <tr onclick="myFunction(this)">
    <td>Click to show rowIndex</td>
  </tr>
  <tr onclick="myFunction(this)">
    <td>Click to show rowIndex</td>
  </tr>
  <tr onclick="myFunction(this)">
    <td>Click to show rowIndex</td>
  </tr>
</table>