使用jquery获得表格被点击处的行号

在jquery中, 可以通过index()方法获得点击行的行号 。 下面小编举例讲解使用jquery获得表格被点击处的行号 。

使用jquery获得表格被点击处的行号

文章插图

需要这些哦
html+jquery
代码编纂器:z studio 10.0
方式/
1【使用jquery获得表格被点击处的行号】新建一个html文件, 定名为test.html, 用于讲解利用jquery获得表格被点击处的行号 。
使用jquery获得表格被点击处的行号

文章插图

2在test.html文件内, 利用table标签建立三行两列的表格, 用于测试 。
使用jquery获得表格被点击处的行号

文章插图

3在js标签内, 利用ready()方式在页面加载完当作时, 执行function方式 。
使用jquery获得表格被点击处的行号

文章插图

4在function方式内, 经由过程元素名称获得tr对象, 给对象绑定click点击事务, 当tr行被点击时, 执行function方式 。
使用jquery获得表格被点击处的行号

文章插图

5在click事务function方式内, 经由过程index()方式获适当前点击行的索引值(从0起头), 将其加1, 即为当前行的行号, 利用alert()方式输出行号 。
使用jquery获得表格被点击处的行号

文章插图

6在浏览器打开test.html文件, 点击表格第二行, 查看成果 。
使用jquery获得表格被点击处的行号

文章插图

总结:11、利用table标签建立三行两列的表格, 用于测试 。 2、在js标签内, 利用ready()方式在页面加载完当作时, 执行function方式 。 3、在function方式内, 经由过程元素名称获得tr对象, 给对象绑定click点击事务, 当tr行被点击时, 经由过程index()方式获适当前点击行的索引值(从0起头), 将其加1, 即为当前行的行号, 利用alert()方式输出行号 。


以上内容就是使用jquery获得表格被点击处的行号的内容啦, 希望对你有所帮助哦!

    推荐阅读