在jquery中,可以使用each()方法来遍历每一个li元素,使用find()方法找到它下面的第三个a元素。下面小编举例讲解jquery怎么获取每个li元素下的第三个a元素。
工具/原料
1
html+jquery
2
代码编辑器:Dreamweaver CS5
方法/步骤
2
在test.html文件内,使用ul标签,li标签创建一个列表,在每个li标签内,使用a标签创建多个链接。
3
在test.html文件内,设置ul标签的id为liud,主要用于下面获得ul对象。
4
在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行getFirde()函数。
5
在js标签中,创建getFirde()函数,在函数内,定义一个空数组arr,用于保存获得的a元素值。通过获得li对象,使用each()方法遍历每个li标签,再通过find()方法找到第三个a元素,使用text()方法获得它的值,并把它保存在数组中。最后,使用alert()方法将获得的值输出。
6
在浏览器打开test.html文件,点击按钮,查看结果。
总结:
1、使用ul标签,li标签创建一个列表,在每个li标签内,使用a标签创建多个链接。2、在js中,定义一个空数组arr,用于保存获得的a元素值。通过获得li对象,使用each()方法遍历每个li标签,再通过find()方法找到第三个a元素,使用text()方法获得它的值,并把它保存在数组中。
注意事项
“:eq(2)”是对象选择器,用于获得第三个元素对象。
上一篇:SVG中如何运用超链接