多语言展示
当前在线:821今日阅读:61今日分享:18

jquery怎么获取每个li元素下的第三个a元素?

在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)”是对象选择器,用于获得第三个元素对象。

推荐信息