本文实例讲述了jQuery实现获取表中鼠标点击点击位置行号与列号的方法。分享给大家供大家参考,具体如下:
先来看看运行效果:
具体代码如下:
& lt; !DOCTYPE html>
& lt; html>
& lt;头lang=癳n”比;
& lt;元charset=皍tf - 8”比;
www.jb51.net & lt; title>鼠标点击位置行列号& lt;/title>
& lt;/head>
& lt; body>
& lt;表类=" mytable "边境=1比;
& lt; tr>
& lt; th祝辞表头一& lt;/th>
& lt; th祝辞表头二& lt;/th>
& lt; th祝辞表头三& lt;/th>
& lt; th祝辞表头四& lt;/th>
& lt; th祝辞表头五& lt;/th>
& lt;/tr>
& lt; tr>
& lt; td>第一行第一列& lt;/td>
& lt; td>第一行第二列& lt;/td>
& lt; td>第一行第三列& lt;/td>
& lt; td>第一行第四列& lt;/td>
& lt; td>第一行第五列& lt;/td>
& lt;/tr>
& lt; tr>
& lt; td>第二行第一列& lt;/td>
& lt; td>第二行第二列& lt;/td>
& lt; td>第二行第三列& lt;/td>
& lt; td>第二行第四列& lt;/td>
& lt; td>第二行第五列& lt;/td>
& lt;/tr>
& lt; tr>
& lt; td>第三行第一列& lt;/td>
& lt; td>第三行第二列& lt;/td>
& lt; td>第三行第三列& lt;/td>
& lt; td>第三行第四列& lt;/td>
& lt; td>第三行第五列& lt;/td>
& lt;/tr>
& lt; tr>
& lt; td>第四行第一列& lt;/td>
& lt; td>第四行第二列& lt;/td>
& lt; td>第四行第三列& lt;/td>
& lt; td>第四行第四列& lt;/td>
& lt; td>第四行第五列& lt;/td>
& lt;/tr>
& lt;/table>
& lt;脚本src=" https://www.yisu.com/zixun/jquery-1.7.2.min.js "祝辞& lt;/script>
& lt; script>
$(文档)时函数(){
$("。mytable td) .click(函数(){
var tdSeq=$(这).parent (); (td) .index ($ () [0]);
var trSeq=$(这).parent () .parent (); (tr) .index($(这).parent () [0]);
alert("第" + (trSeq + 1) +“行,第" + (tdSeq + 1) +“列”);
});
})
& lt;/script>
& lt;/body>
& lt;/html>
之前
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery表格(表)操作技巧汇总》、《jQuery操作json数据技巧汇总》、《jQuery形式操作技巧汇总》、《jQuery常用插件及用法总结》,《jQuery扩展技巧总结》及《jQuery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
