jquery获取table中点击位置所在行的id

在jquery中 , 可以通过给table的每行绑定click点击事件 , 当每行被点击时 , 通过attr()方法获得所在行的id 。 下面小编举例讲解jquery获取table中点击位置所在行的id 。

jquery获取table中点击位置所在行的id

文章插图

需要这些哦
html+jquery
代码编纂器:Dreamweaver CS5
方式/
1新建一个html文件 , 定名为test.html , 用于讲解jquery获取table中点击位置地点行的id 。
jquery获取table中点击位置所在行的id

文章插图

2在test.html文件内 , 利用table标签建立一个表格 , 并设置其边框为1px 。
jquery获取table中点击位置所在行的id

文章插图

3在test.html文件内 , 别离设置tr行标签的id为one , two , three 。
jquery获取table中点击位置所在行的id

文章插图

4在js标签内 , 经由过程ready()方式在页面加载完当作时 , 执行function方式 。
jquery获取table中点击位置所在行的id

文章插图

5在function方式内 , 经由过程获得tr对象 , 给它们绑定click点击事务 , 当行对象被点击时 , 经由过程attr()方式获适当前点击行对象的id , 将获得的id值利用alert()方式输出 。
jquery获取table中点击位置所在行的id

文章插图

6在浏览器打开test.html文件 , 点击按钮 , 查看成果 。
jquery获取table中点击位置所在行的id

文章插图

总结:11、利用table标签建立一个表格 , 别离设置tr行标签的id为one , two , three 。
【jquery获取table中点击位置所在行的id】2、在js中 , 经由过程获得tr对象 , 给它们绑定click点击事务 , 当行对象被点击时 , 经由过程attr()方式获适当前点击行对象的id , 将获得的id值利用alert()方式输出 。


以上内容就是jquery获取table中点击位置所在行的id的内容啦 , 希望对你有所帮助哦!

    推荐阅读