多语言展示
当前在线:1343今日阅读:20今日分享:50

jquery点击a标签,获取上个li标签的id属性

在jquery中,可以通过给a标签绑定点击事件,通过parent()方法获得其父对象,使用attr() 方法获得id属性值。下面小编举例讲解jquery点击a标签,获取上个li标签的id属性。
工具/原料
1

html+jquery

2

代码编辑器:Dreamweaver CS5

方法/步骤
1

新建一个html文件,命名为test.html,用于讲解jquery点击a标签,获取上个li标签的id属性。

2

在test.html文件内,使用ul标签创建一个列表,在ul内,使用li标签创建三个列表内容,每个列表内容给它一个a链接,代码如下:

3

在test.html文件内,给每个li标签设置id属性,用于下面通过a标签取得li标签的id。

4

在js标签内,在页面加载完成时,给a标签绑定click点击事件,当a标签被点击时,执行function()函数。

5

在function()函数内,通过$(this)获得当前点击的对象,使用parent()方法获得a标签的父对象,直到获得li父对象,使用attr()方法获得id属性值,代码如下:

6

在function()函数内,使用alert()方法将获得的id值输出来。

7

在浏览器打开test.html文件,点击a标签,查看实现的效果。

总结:

1、创建一个test.html文件。 2、在文件内,使用ul标签创建一个列表,在ul内,使用li标签创建三个列表内容,每个列表内容给它一个a链接。 3、在js标签内,给a标签绑定click点击事件,当a标签被点击时,使用parent()方法获得a标签的父对象,直到获得li父对象,使用attr()方法获得id属性值。

注意事项

在实际开发中,可以重复使用parent()方法获得父对象。

推荐信息