在jquery中,通过获得table对象,使用find()方法找到最后一行的td元玟姑岭箫素,通过eq()方法获得某列。下面小编以取得最后一行第二列的值为例,讲解jquery获取table最后一行的某一列。
工具/原料
html+jquery
代码编辑器:DreamweaverCS5
方法/步骤
1、新建一个html文件,命名为test.html,用于讲解jquery获取table最后一行的某一列。
2、在test.html文件内,使用table标签,tr标签,td标签创建四行两列的表格,并设置table的id为mytable,用于下面通过该id获得table对象。
3、在test.html文件内,使用button标签创建一个按钮,按钮名称为“取最后一行第二列的值”。
4、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getlast()函数。
5、在js标签中,创建getlast()函数,在函数内,通过id(mytable)获得隋茚粟胫table对象,使用find()方法通过选择器“:las墉掠载牿t-child”找到table表格的最一行,再使用find()方法找到td元素,用eq(1)方法获取到第二列元素对象。
6、在getlast()函数内,使用text()方法通过上一步的元素对象获得它的值,最后,使用alert()方法输出值。
7、在浏览器打开test.html文件,点击按钮,查看实现的效果。
总结:
1、首疏扌熘创建一个test.html文件。在文件内,使用table标签,tr标签,td标签创建四行两列的表格,同时创建一个button按钮,用于触发执行js函数。在js标签内,创建函剞麽苍足数,在函数内,通过获得table对象,使用find()方法通过选择器“:last-child”找到table表格的最一行,再使用find()方法找到td元素,用eq(1)方法获取到第二列元素对象,使用text()方法获得它的值。