如何判断鼠标单击的单元格相对于单元格所在行的索引值

简介:   如何判断鼠标单击的单元格相对于单元格所在行的索引值 解决思路:        利用单元格的cellIndex属性即可实现 具体步骤: 代码示例:        demo     demo     demo    注意:cellIndex返回的是以0开始的索引值,例如第一个单元格返回0,第二个单元格则为1,以此类推。
   如何判断鼠标单击的单元格相对于单元格所在行的索引值
解决思路
       利用单元格的cellIndex属性即可实现
具体步骤

代码示例:
<table width="200" height="30" border="1">
  <tr>
    <td onClick="alert(this.cellIndex)">demo</td>
    <td onClick="alert(this.cellIndex)">demo</td>
    <td onClick="alert(this.cellIndex)">demo</td>
  </tr>
</table>

注意:cellIndex返回的是以0开始的索引值,例如第一个单元格返回0,第二个单元格则为1,以此类推。
提示:要取得当前行相对于表格的索引值用rowIndex。
技巧:用rowIndex取得单元格所在行在表格中的索引值,cellIndex取得单元格在所在行的索引值,有了这两个数据就可以知道单元格的位置是第几行第几列了。
试一试:写个在单元格上单击时获取到该单元格的所在行和列。
特别提示
代码运行后,单击第二个单元格,将弹出警告框,内容为 1,效果如图 1.2.36所示。

图 1.2.36 单击单元格时提示该单元格相对于所在行的索引值

特别说明


本例用到了单元格的 cellIndex属性,附带介绍了表格行的 rowIndex属性,跟这两个属性相关的集合有rows和cells。
cellIndex获取对象于所在行的 cells 集合中的位置。
rowIndex获取对象在表格的 rows 集合中的位置。
cells 获取表格行或整个表格中所有单元格的集合。
rows 获取来自于 table 对象的 tr (表格行)对象的集合。
目录
相关文章
|
6月前
|
存储
编辑怎么去获取表格单个的值
编辑怎么去获取表格单个的值
|
12月前
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
331 0
|
4月前
Excel 下拉选择列表的单元格
Excel 下拉选择列表的单元格
28 0
禁用行、列、单元格单元格编辑
禁用行、列、单元格单元格编辑
|
存储 前端开发 数据库
el-table表格拖动列记住列宽度功能(刷新页面还在)
el-table表格拖动列记住列宽度功能(刷新页面还在)
434 0
成功解决在excel表格中仅在某列内插入一个空白单元格,使其下部的数据整体下移一格
成功解决在excel表格中仅在某列内插入一个空白单元格,使其下部的数据整体下移一格
成功解决在excel表格中仅在某列内插入一个空白单元格,使其下部的数据整体下移一格
Excel单元格向下,向右自动填充的快捷键
Excel单元格向下,向右自动填充的快捷键
278 0
Excel单元格向下,向右自动填充的快捷键
jqgrid 不能选中行, 每次点击单元格都自动选中第一行
最使用jqgrid表格插件写了一个功能。功能完成后显示一切正常,但是经过测试后发现,每次点击数据行时,都会自动选中第一行,无法选中其他数据行。经过一番探索,最终发现是加载进来的字段没有主键导致了这个问题。
4286 0