如何在 html 中使用 id 获取表行

How to get table row by using id in html?

本文关键字：id 获取 html      更新时间：2023-09-26

如何使用 Id 从 html 表中获取 tr 计数.请检查下面的代码

<table id="tableId">
<tr id="a">
    <td>a</td>
</tr>
<tr id="b">
    <td>b</td>
</tr>

现在我想使用行 ID 查找行号。例如，我的行 ID 是"b"，我想查找此 ID 的行号。任何人都能帮助我

你去吧

var table = document.getElementById("tableId");
var rowIndex = document.getElementById("b").rowIndex;
table.deleteRow(rowIndex);

添加了删除代码，如下面的注释中所述。

它与jquery一起使用非常 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
    var rowCount = $('table#tableId tr:#b').index() + 1;
    alert(rowCount);
    $("#b").remove() // For Remove b  Row (tr) 
   });
</script>

您的网页

<table id="tableId">
    <tr id="a">
        <td>a</td>
    </tr>
    <tr id="b">
        <td>b</td>
    </tr>
</table>

如果要删除 id 为 b 的行

$("#b").remove()

如果您在任何单元格中有 Id，那么以下内容应该可以工作

document.getElementById("myID "+tempIdx).parentNode.parentNode.rowIndex;

提供的表格采用以下格式

<table>
<tr>
    <td>
        <p id="myID 1" />
    </td>
    <td>xxx</td>
</tr>
<td>yyy</td>
<td>
    <p id="myID 2" />
</td>
</tr>
<td>
    <p id="myID 3" />
</td>
</tr>
</table>

第一个 .parentNode 将给出 CELL，第二个将给出 ROW，然后从 ROW 获取索引

相关文章：