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代表第二个位置,依此类推,更多精彩内容请继续关注蚂蚁资源网。
(责任编辑:
吉村那奈美)