jQuery获取元素的行和列位置的方法是什�
Admin 2022-05-21 群英技术资�
方法�1、利用index()和parent()方法来获取当前元素的行位置,语法为“元素对�.parent().index()+1;”;2、利用index()方法来获取当前元素的列位置,语法为“元素对�.index()+1;”�
本教程操作环境:windows7系统、jquery3.2.1版本、Dell G3电脑�
jquery怎样获取当前元素在第几行第几�
我们可以通过index()方法和parent()方法来获取当前元素在第几行第几列,示例如下:
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> </head> <body> <table id = "test" border="1"> <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr> <tr><td>2</td><td>4</td><td>5</td><td>6</td></tr> <tr><td>3</td><td>7</td><td>8</td><td>9</td></tr> <tr><td>4</td><td>1</td><td>2</td><td>3</td></tr> </table> <script> $(function(){ $("table td").click(function() { var row = $(this).parent().index() + 1; // 行位� var col = $(this).index() + 1; // 列位� alert("当前位置:第"+row+"行,�"+col+"�") }); }); </script> </body> </html>
输出结果�
当点击其中的一个单元格元素时,输出结果�
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容�
猜你喜欢
这篇文章我们来了解node.js全局变量的相关内容,全局变量是node.js学习中的基础知识,因此本文就给大家来介绍一下,下文有很详细的介绍,有需要的朋友可以参考,接下来就跟随小编来一起学习一下吧�
在做web开发时,我们会经常遇到表单验证的需求。对新手来说,掌握表单验证对于理解字符串处理以及正则表达式都有很大的帮助。这篇文章就主要介绍,原生介绍实现表单验证功能�
这篇文章主要介绍了微信小程序实现可拖动悬浮图�(包括按钮角标的实�),本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
我们在做前端项目开发时,往往会遇到登录页面记住密码的需求。那么我们在vue登录页面要如何来实现这样的功能?本文就教大家vue登录页面用cookie实现记住七天密码的功能。感兴趣的朋友继续往下看吧�
React中高阶组件HOC怎样用?一些朋友可能对高阶组件HOC的使用不是很了解,因此这篇文章就给大家介绍一下高阶组件HOC,下文有示例代码供大家参考,感兴趣的朋友接下来跟随小编来学习一下吧�
推荐内容
联系我们
24小时售后 � 24小时售后TEL�0668-2555666 售前咨询TEL�400-678-4567 投诉建议TEL�0668-2555999 投诉建议邮箱:t[email protected] 信息安全TEL�0668-2555118 域名空间客服 � 公司总机�0668-2555555 公司传真�0668-2555000Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所� 茂名市群英网络有限公�
增值电信经营许可证 : B1.B2-20140078