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

 时间:2026-02-14 18:43:22

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1、创建一个test.html文件。


2、在文件内,使用ul标签创建一个列表,在ul内,使用li标签创建三个列表内容,每个列表内容给它一个a链接。
3、在js标签内,给a标签绑定click点击事件,当a标签被点击时,使用parent()方法获得a标签的父对象,直到获得li父对象,使用attr()方法获得id属性值。
  • servlet中解决乱码问题
  • linux环境下安装nginx教程
  • VS 2010 C# winform 开发实例:[1]回车键登录
  • VMware中如何修网络适配器参数
  • 怎样运行和使用TP5框架开发项目
  • 热门搜索
    有关于安全的手抄报 消防安全手抄报模板 传染病手抄报 简单英语手抄报图片 数学园地手抄报 森林防火手抄报资料 爱护地球手抄报 感恩大自然手抄报 热爱生命手抄报资料 手抄报的装饰花边简单