如何使用 Javascript 獲取表的當前行索引？

Question

我可以在 Javascript 中獲取表的當前行索引嗎，我們可以使用我們得到的當前索引刪除表的行嗎？

Answer 1

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>

Answer 2

如果您使用 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 3

默認情況下，事件對象將包含 rowindex 屬性

 function myFunction() { var x = document.getElementsByTagName("tr"); var txt = ""; var i; for (i = 0; i < x.length; i++) { txt = txt + "The index of Row " + (i + 1) + " is: " + x[i].rowIndex + "<br>"; } document.getElementById("demo").innerHTML = txt; }

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