[英]How to get table row by using id in html?
如何使用 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。任何人都可以幫助我
給你
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>
你的 HTML
<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 中獲取INDEX
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.