如何获取table中鼠标点击位置行号与列号?本文主要介绍jQuery实现获取table中鼠标click点击位置行号与列号的方法,涉及jQuery事件响应及针对table表格元素相关操作技巧,需要的朋友可以参考下,希望能帮助到大家。
具体代码如下:
www.jb51.net 鼠标点击位置行列号表头一 | 表头二 | 表头三 | 表头四 | 表头五 |
---|---|---|---|---|
第一行第一列 | 第一行第二列 | 第一行第三列 | 第一行第四列 | 第一行第五列 |
第二行第一列 | 第二行第二列 | 第二行第三列 | 第二行第四列 | 第二行第五列 |
第三行第一列 | 第三行第二列 | 第三行第三列 | 第三行第四列 | 第三行第五列 |
第四行第一列 | 第四行第二列 | 第四行第三列 | 第四行第四列 | 第四行第五列 |
$(document).ready(function(){
$(".mytable td").click(function(){
var tdSeq = $(this).parent().find("td").index($(this)[0]);
var trSeq = $(this).parent().parent().find("tr").index($(this).parent()[0]);
alert("第" + (trSeq + 1) + "行,第" + (tdSeq + 1) + "列");
});
})
相关推荐: