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的值
  • asp获取当前时间
  • visual studio code怎么设置终端为cmd
  • 如何使用Visual Studio 2015进行新建一个空项目
  • 前端编程-用浏览器自带的取色功能快速拾取颜色
  • JAVA聊天程序如何实现文件传送
  • 热门搜索
    防震减灾手抄报版面 我爱读书手抄报资料 庆国庆迎中秋手抄报 两城同创手抄报 时代广场的蟋蟀手抄报 英语手抄报的英文 我的寒假我做主手抄报 幸福班级手抄报 手抄报关于环保 木偶奇遇记手抄报