1、新建一个html文件,命名为test.html,用于讲解jquery点击一行某个td,获取其他td的值。
2、在test.html文件内,使用table标签创建一个两行三列的表格,为了方便展示效果,设置表格边框为1px。
3、在js标签中,通过获得表格中的td对象,使用bind()方法给每一个td元素绑定click点击事件,当td被点击时,执行function()函数。
4、在js标签中,在function()函数中,通过$(this)获得当前被点击的td对象,使用text()方法获得当前td的内容,保存在res变量中。
5、在js标签中,使用parent()方法获得父标签,通过find()方法找到所有的td对象,再使用each()方法遍历所有的td元素。
6、在each()方法内,使用if判断,当each()循环的td内容不等于点击的td内间恒溪痞容时,将当前循环td的内容放进arr数组中,最后,使用alert()方法输出获得的td内容。
7、在浏览器打开test.html文件,点击单元格,查看获得的内容。