jquery获取当前点击项获取div中的内容------index-------属性值

1.获取ID属性值:event.currentTarget.id

2.获取自定义data-属性值:event.currentTarget.dataset.name----- (data-name)

3.获取div里的内容2种方法:  html()         text()

4.获取当前操作下标2种方法:$(this).index()        $('.div1').index(this)

5.获取自定义属性包括已有属性的属性值:.attr("属性名")

例子如下:

html代码:

<body>
    <div class="div1" id='1'  data-index='0'  haha='333333'>张三</div>
    <div class="div1" id='2'  data-index='1'  haha='444444'>李四</div>
    <div class="div1" id='3'  data-index='2'  haha='444444'>王五</div>
</body>


js代码:

$('.div1').click(function(event) {
            var event=event||e;
            console.log(event.currentTarget.id);  //获取id属性值
            console.log(event.currentTarget.dataset.name);  //获取自定义data-属性值
 
            //获取div里的值  2种方法
            console.log($(this).html());
            console.log($(this).text());   
            //获取自定义属性的属性值 
            console.log($(this).attr("haha"));  
 
            //获取当前操作下标
            console.log($(this).index());
            console.log($('.div1').index(this)); 
        });

--------------------- 
作者:面壁思过程 
来源:CSDN 
原文:https://blog.csdn.net/Candy_mi/article/details/80592615 

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值