手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

jquery点击一行某个td,获取其他td的值

时间:2024-10-12 16:12:35

1、新建一个html文件,命名为test.html,用于讲解jquery点击一行某个td,获取其他td的值。

jquery点击一行某个td,获取其他td的值

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

jquery点击一行某个td,获取其他td的值

3、在js标签中,通过获得表格中的td对象,使用bind()方法给每一个td元素绑定click点击事件,当td被点击时,执行function()函数。

jquery点击一行某个td,获取其他td的值

4、在js标签中,在function()函数中,通过$(this)获得当前被点击的td对象,使用text()方法获得当前td的内容,保存在res变量中。

jquery点击一行某个td,获取其他td的值

5、在js标签中,使用parent()方法获得父标签,通过find()方法找到所有的td对象,再使用each()方法遍历所有的td元素。

jquery点击一行某个td,获取其他td的值

6、在each()方法内,使用if判断,当each()循环的td内容不等于点击的td内间恒溪痞容时,将当前循环td的内容放进arr数组中,最后,使用alert()方法输出获得的td内容。

jquery点击一行某个td,获取其他td的值

7、在浏览器打开test.html文件,点击单元格,查看获得的内容。

jquery点击一行某个td,获取其他td的值
© 手抄报圈