如何用Jquery获取指定td内容所在的行号
在jquery中，利用each()方法遍历所有td内容，通过if语句判断找到指定内容的td，使用index()方法获得行号。下面小编举例讲解如何用Jquery获取指定td内容所在的行号。
东西/原料
- html+jquery
- 代码编纂器：Dreamweaver CS5
方式/步调
- 1
新建一个html文件，定名为test.html，用于讲解若何用Jquery获取指定td内容地点的行号。
- 2
在test.html文件内，利用table标签建立一个两行两列的表格。
- 3
在test.html文件内，利用button标签建立一个按钮，给button按钮绑定onclick点击事务，当按钮被点击时，执行getHao()函数。
- 4
在js标签中，建立getHao()函数，在函数内，利用each()方式遍历每一个td对象，经由过程text()方式获得td的内容。
- 5
在函数内，再利用if语句判定td的内容是否为“三”，若是是，则获适当前的td对象，并利用parents()方式获得行对象，再经由过程index()方式获适当前行号，并利用alert()方式输出。
注：index()方式获得的行号从零起头。
- 6
在浏览器打开test.html文件，点击按钮，查看成果。
END
总结：
- 1
1、利用table标签建立一个两行两列的表格。
2、在js中，利用each()方式遍历每一个td对象，经由过程text()方式获得td的内容。
3、在js中，再利用if语句判定td的内容是否为“三”，若是是，则获适当前的td对象，并利用parents()方式获得行对象，再经由过程index()方式获适当前行号，并利用alert()方式输出。
END
- 发表于 2020-06-07 19:00
- 阅读 ( 812 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章