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单元格,查看实现的效果。