养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

jquery 获取table最后一行的某一列

时间:2024-11-10 17:46:20

在jquery中,通过获得table对象,使用find()方法找到最后一行的td元玟姑岭箫素,通过eq()方法获得某列。下面小编以取得最后一行第二列的值为例,讲解jquery获取table最后一行的某一列。

jquery 获取table最后一行的某一列

工具/原料

html+jquery

代码编辑器:DreamweaverCS5

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解jquery获取table最后一行的某一列。

jquery 获取table最后一行的某一列

2、在test.html文件内,使用table标签,tr标签,td标签创建四行两列的表格,并设置table的id为mytable,用于下面通过该id获得table对象。

jquery 获取table最后一行的某一列

3、在test.html文件内,使用button标签创建一个按钮,按钮名称为“取最后一行第二列的值”。

jquery 获取table最后一行的某一列

4、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getlast()函数。

jquery 获取table最后一行的某一列

5、在js标签中,创建getlast()函数,在函数内,通过id(mytable)获得隋茚粟胫table对象,使用find()方法通过选择器“:las墉掠载牿t-child”找到table表格的最一行,再使用find()方法找到td元素,用eq(1)方法获取到第二列元素对象。

jquery 获取table最后一行的某一列

6、在getlast()函数内,使用text()方法通过上一步的元素对象获得它的值,最后,使用alert()方法输出值。

jquery 获取table最后一行的某一列

7、在浏览器打开test.html文件,点击按钮,查看实现的效果。

jquery 获取table最后一行的某一列

总结:

1、首疏扌熘创建一个test.html文件。在文件内,使用table标签,tr标签,td标签创建四行两列的表格,同时创建一个button按钮,用于触发执行js函数。在js标签内,创建函剞麽苍足数,在函数内,通过获得table对象,使用find()方法通过选择器“:last-child”找到table表格的最一行,再使用find()方法找到td元素,用eq(1)方法获取到第二列元素对象,使用text()方法获得它的值。

© 一点知识