获取table标签td所在行列号

最新推荐文章于 2020-05-21 20:23:01 发布

原创最新推荐文章于 2020-05-21 20:23:01 发布 · 7.9k 阅读

3 ·

CC 4.0 BY-SA版权

js jquery 专栏收录该内容

65 篇文章

订阅专栏

本文介绍了如何使用JavaScript获取HTML表格中td元素所在的行和列索引。通过td_object.parentNode.rowIndex获取行索引，td_object.cellIndex获取列索引。示例代码演示了遍历表格，找出具有特定样式的td单元格并显示其行列位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取行号：td_object.parentNode.rowIndex

获取列号：td_object.cellIndex

var arr = $("#timetable td:not(:eq(0))").siblings(".fous");//获取具有fous样式的td袁元素

        $.each(arr,function(n,value) {  

            alert(value.parentNode.rowIndex+' '+value.cellIndex);  

        });

01
<meta
 http-equiv="Content-Type" content="text/html;
 charset=UTF-8"/>

02
<div
 style="text-align:center;margin-top:200px;">

03
<TABLE
 bgColor=yellow border=2>

04
<TBODY>

05
<TR>

06
<TD
 onclick=alert(this.cellIndex)>获取所在的列数</TD>

07
<TD
 onclick=alert(this.parentNode.rowIndex)>获取所在的行数</TD>

08
</TR>

09
<TR>

10
<TD
 onclick=alert(this.parentNode.rowIndex)>获取所在的行数</TD>

11
<TD
 onclick=alert(this.cellIndex)>获取所在的列数</TD>

12
</TR>

13
</TBODY>

14
</TABLE>

15
</div>