Jquery中获取自定义标签data-id的值的几种常见方式

admin3年前前端技术916


https://segmentfault.com/a/1190000005770912
里面讲的很详尽了,在此就是总结一下做个笔记加深一下印象 。
假如

<div id="a" data-id="1"></div>1

要取data-id的值,第一种方法:

var id=div.dataset.id;1

第二种方法:

var id= $("#a").data("id");1

第三种方法:

var id= $("#a").attr("data-id");1

第四种方法:

var id=div.getAttribute("data-id");


相关文章

jquery 生成的dom无法触发click事件的解决方案

原因是程序找不到此节点在jQuery中有“向未来的元素添加事件处理程序”方法说明,也正是动态创建元素无法触发事件的原因所在。正确的写法应该是:$(‘父元素’).on(‘click’,’动态的子元素’,...

Navigate down the menu through jquery development

The core knowledge is to use jquery's hover method to achieve, The animation effe...

ubbedit实现遍历绝对目录绑定cookie查询以前上传的图片

ubbedit实现遍历绝对目录绑定cookie查询以前上传的图片

设置cookie ,$user_id=$_COOKIE["user_email"];设置path   , $path =  "/"...

H5实现移动端禁止页面缩放(适用Android和IOS)

要实现Android和IOS浏览器禁止页面缩放,通用的设置方式是给HTML页面设置meta标签来实现,具体添加标签内容如下:<meta name="viewport"...

jquery如何获取div里面value的值以及原生写法

jquery写法$(this).attr("value")原生写法var value = document.getElementById(""+id+"...

JQuery 两种方法解决刚创建的元素遍历不到的问题

刚创建的元素,使用jQuery的each方法来遍历,有时候会不起作用。原因不用多说,经常使用javascript的人应该都会知道,解决方案大致有2种:1、刚创建完元素的时候,就立刻使用each方法$(...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。