假设这是我的表:
<table>
<tr id="a">
<TD>a</TD>
</tr>
<tr id="b">
<TD>b</TD>
</tr>
</table>
如何使用表中的行索引获取行ID?
上面只是一个例子,其中id是静态的但在我的情况下我的id是动态的,所以我不能使用
document.getElementById()
。
答案 0 :(得分:10)
假设您的页面上只有一个表:
document.getElementsByTagName("tr")[index].id;
最好但是,您可以给table
id
一个,并按照以下方式获取您的行:
<table id="tableId">
<tr id="a">
<td>a</td>
</tr>
<tr id="b">
<td>b</td>
</tr>
</table>
var table = document.getElementById("tableId");
var row = table.rows[index];
console.log(row.id);
这样,如果页面中有多个表格,您可以确定不会受到任何干扰。
答案 1 :(得分:4)
“那么,如何使用表格中的行索引获取行ID
您可以选择table
,并使用.rows
属性按索引获取行。
var table = document.getElementsByTagName("table")[0]; // first table
var secondRow = table.rows[1]; // second row
然后你就会以典型的方式获得ID。
console.log(secondRow.id); // "b"
答案 2 :(得分:2)
已修改答案 使用CSS3,您可以使用 nth-child 选择器。这里的例子显示了rowIndex = 2
alert(document.querySelector("table tr:nth-child(2)").id);
在jQuery中,您可以使用
执行此操作 alert($("table tr:nth-child(2)").attr('id'));
CSS
中可以使用相同的语法 nth-child()<style>
tr:nth-child(2) {
color: red;
}
</style>