如何用Jquery获取指定td内容所在的行号

在jquery中,利用each()方法遍历所有td内容,通过if语句判断找到指定内容的td,使用index()方法获得行号 。 下面小编举例讲解如何用Jquery获取指定td内容所在的行号 。

如何用Jquery获取指定td内容所在的行号

文章插图

需要这些哦
html+jquery
代码编纂器:Dreamweaver CS5
方式/
1新建一个html文件,定名为test.html,用于讲解若何用Jquery获取指定td内容地点的行号 。
如何用Jquery获取指定td内容所在的行号

文章插图

2在test.html文件内,利用table标签建立一个两行两列的表格 。
如何用Jquery获取指定td内容所在的行号

文章插图

3在test.html文件内,利用button标签建立一个按钮,给button按钮绑定onclick点击事务,当按钮被点击时,执行getHao()函数 。
如何用Jquery获取指定td内容所在的行号

文章插图

4【如何用Jquery获取指定td内容所在的行号】在js标签中,建立getHao()函数,在函数内,利用each()方式遍历每一个td对象,经由过程text()方式获得td的内容 。
如何用Jquery获取指定td内容所在的行号

文章插图

5在函数内,再利用if语句判定td的内容是否为“三”,若是是,则获适当前的td对象,并利用parents()方式获得行对象,再经由过程index()方式获适当前行号,并利用alert()方式输出 。
注:index()方式获得的行号从零起头 。
如何用Jquery获取指定td内容所在的行号

文章插图

6在浏览器打开test.html文件,点击按钮,查看成果 。
如何用Jquery获取指定td内容所在的行号

文章插图

总结:11、利用table标签建立一个两行两列的表格 。
2、在js中,利用each()方式遍历每一个td对象,经由过程text()方式获得td的内容 。
3、在js中,再利用if语句判定td的内容是否为“三”,若是是,则获适当前的td对象,并利用parents()方式获得行对象,再经由过程index()方式获适当前行号,并利用alert()方式输出 。


以上内容就是如何用Jquery获取指定td内容所在的行号的内容啦,希望对你有所帮助哦!

    推荐阅读