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

admin3年前前端技术748


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");


相关文章

当div里的height:atuo不能实现高度自适应的时候

当div里的height:atuo不能实现高度自适应的时候添加如下代码就可以实现overflow:hidden;/*解决了flat left 漂浮,让高度不可控的问题*/...

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

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

Navigate down the menu through jquery development

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

ubbedit文件精简,删除所有用不到的文件,设置新的路径调用

ubbedit文件精简,删除所有用不到的文件,设置新的路径调用

移动editor_api.js文件从ex目录到ubbedit目录,设置 baseURL = '/ubbedit/_src/';设置Gruntfile.js文件 js...

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

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

发表评论    

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