可按Ctrl+D收藏 蚂蚁资源网

蚂蚁资源网

td网络(JQuery获取点击一个td判断是该行的第几个td)

  • 时间:2020-11-26 21:50 编辑:吉村那奈美 来源:蚂蚁 阅读:169
  • 扫一扫,手机访问
摘要:大家好,今天给大家讲解的是td网络(JQuery获取点击一个td判断是该行的第几个td)的相关内容,共分为以下几步介绍JQuery获取点击一个td判断是该行的第几个td,感兴趣的朋友可以跟着学习一下。

JQuery获取点击一个td判断是该行的第几个td


1.新建一个html文件,命名为test.html,用于讲解JQuery获取点击一个td判断是该行的第几个td。


2.在test.html文件内 ,使用table、tr、td标签创建一个两行三列的表格,并设置其边框为1px,用于展示效果。

3.在test.html文件内,编写<script></script>标签,页面的js逻辑代码将写在该标签内。

4.在js标签内,在页面加载完成时,获得td元素对象,给它绑定click点击事件,当td对象被点击时,执行function()函数。

5.在function()函数内,使用$(this)获得当前点击的对象,通过parents()方法获得tr父元素,再使用find()获得该行的td元素,通过index()方法获得当前td的索引值,即td的位置。

6.在function()函数内,使用alert()方法将td在该行的位置输出来。

7.在浏览器打开test.html文件,点击td单元格,查看实现的效果。



以上就是关于td网络(JQuery获取点击一个td判断是该行的第几个td)的全部内容,index()方法索引值从0开始,0代表第一个位置,1代表第二个位置,依此类推,更多精彩内容请继续关注蚂蚁资源网。
(责任编辑:吉村那奈美)
  • 全部评论(0)
最新发布的资讯信息
【简历/资料|内地女明星】 殷茹基本资料( YR个人简历介绍)(2020-12-06 15:19)
【简历/资料|内地女明星】 曹菁基本资料( CJ个人简历介绍)(2020-12-06 15:18)
【简历/资料|内地女明星】 王安妮基本资料( WAN个人简历介绍)(2020-12-06 15:18)
【简历/资料|内地女明星】 白琼基本资料( BQ个人简历介绍)(2020-12-06 15:17)
【简历/资料|内地女明星】 王世霞基本资料( WSX个人简历介绍)(2020-12-06 15:17)
【简历/资料|内地女明星】 宋煜基本资料( SY个人简历介绍)(2020-12-06 15:16)
【简历/资料|内地女明星】 钱增基本资料( QZ个人简历介绍)(2020-12-06 15:16)
【简历/资料|内地女明星】 胡晓黎基本资料( HXL个人简历介绍)(2020-12-06 15:15)
【简历/资料|内地女明星】 李佳慧基本资料( LJH个人简历介绍)(2020-12-06 15:15)
【简历/资料|内地女明星】 张洛嘉基本资料( ZLJ个人简历介绍)(2020-12-06 15:14)
联系客服
网站客服 联系客服
手机版

扫一扫进手机版
返回顶部