如何使用Id从html表中获取tr数。请检查下面的代码
<table id="tableId">
<tr id="a">
<td>a</td>
</tr>
<tr id="b">
<td>b</td>
</tr>
现在我想通过使用行Id找到rowNumber。例如我的rowId是'b'我想找到这个Id的rowNumber。任何人帮助我
答案 0 :(得分:9)
你去吧
var table = document.getElementById("tableId");
var rowIndex = document.getElementById("b").rowIndex;
table.deleteRow(rowIndex);
根据以下评论中的要求添加了删除代码。
答案 1 :(得分:0)
如果要删除id为b
的行$("#b").remove()
答案 2 :(得分:0)
它与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>
您的HTML
<table id="tableId">
<tr id="a">
<td>a</td>
</tr>
<tr id="b">
<td>b</td>
</tr>
</table>
答案 3 :(得分:0)
如果您在任何单元格中都有该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 ,然后得到 INDEX < / strong> 从 ROW