jQuery实现了获取表中鼠标点击位置的行号和列号的方法

本文介绍了jQuery获取表中鼠标点击位置的行号和列号的方法。分享给大家参考，如下：

我们先来看看跑步效果：

具体代码如下：

！doctype html htmlheadlang=' en ' metacarset=' utf-8 ' title www.jb51.net鼠标单击位置行号和列号/title/head dytable class=' my table ' border=1tr th style=' width 3360 160 px；'标题1 /th样式=' width: 160px'标题第二/第三种样式='宽度： 160 px；'标题3/th style=' width : 160 px；'标题iv /th样式=' width: 160px'标题5/th/Tr TD第一行第一列/td第一行第二列/td td第一行第三列/td第一行第五列/td/Tr TD第二行第一列/td第二行第二列/td第二行第三列/td第二行第四列/td第二行第五列/td Tr TD第三行第一列/TD第三行第二列/TD第三行第三列/td td 第三行第四列/td/tr TD第四行第一列/TD第四行第二列/td td第四行第三列/td td第四行第四列/TD第四行第四列/TD/TR/tablescript src=' http : jquery-1 . 7 . 2 . min . js '/script script $(文档)。 ready(function(){ $(')。my table TD’)。单击(function(){ var tdSeq=$(this))。父项()。查找(' td ')。索引($(this)[0])；var trSeq=$(this)。父项()。父项()。查找(' tr ')。索引($(this)。parent()[0])；警报(行'(trSeq 1)'，列'(tdSeq 1)')；});})/script/body/html更多对jQuery感兴趣的读者，请查看本站话题：《jQuery表格(table)操作技巧汇总》、《jQuery操作json数据技巧汇总》、《jQuery form操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jquery选择器用法总结》、0103010。

希望本文对大家的jQuery程序设计有所帮助。