console.log(id); //div1 console.log(myId); //myId console.log(iac); //Hello </script> 如果你想删掉一个data-属性,可以这么做: delete div.dataset.id; 看起来是很好用的,但是不幸的是,新的dataset属性只有在Chrome8+ 、FireFox(Gecko) 6.0 、 Internet Explore 11+、 Opera 11.10+、 Safari 6+ ...
or .data() (if you use newer jQuery >= 1.4.3) $(this).data("id") // will return the number 123 注: 1.两种方法 ①使用attr方法获得data-*的值 $(this).attr('data-id');② $(this).data("id") 2. data-* 都可以使用 $(this).data(' * ');获取,比如 data-cat ,使用$(this)....
<div id="example" dataproperty1="value1" dataproperty2="value2">这是一个带有两个data属性的div元素</div> 在这个示例中,我们创建了一个带有id为“example”的div元素,并为其添加了两个data属性:dataproperty1和dataproperty2,这两个属性的值分别为“value1”和“value2”。 要在JavaScript中使用这些data...
jQuery获取data-*属性值
<buttonid="delete-btn"type="button"data-cmd="delete"data-id="111111">删除</button> 这个简单的使用场景就描述了data-*如何工作。 用HTML5data-*能存储些什么 data-*虽然是个好东西,但它不是万能的,它本身还是[Attribute](https://github.com/lvzhenbang/article/blob/master/js/porp-attr.md),而Attr...
data-* 全局属性 是一类被称为自定义数据属性的属性，它赋予我们在所有 HTML 元素上嵌入自定义数据属性...
1.HTML5自定义属性及基础html5中我们可以使用data-前缀设置我们需要的自定义属性,来进行一些数据的存放,例如我们要在一个文字按钮上存放相应的id:<a href="javascript:;"data-id="2312">测试</a>这里的data-前缀就被称为data属性,其可以通过脚本进行定义,也可以应用css属性选择器进行样式设置.数量不受限制,在控...
有可能有多个data-id值吗?我有下面的li (在jQuery脚本中充当过滤器按钮,我想将几个data-id连接到同一个li F例如:我有早餐,早餐自助餐,床和早餐。我怎么才能把它们和下面的li联系起来呢?有没有特定的分隔符? 代码语言:javascript 复制 <li data-id="Breakfast" data-filter="board"> <a href="#">Breakfas...
<divid="testDiv" data-cname="张三" data-e-name="zhangsan" data-myName="my name is zs.">测试在元素上存储一个key-value</div> js代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 $(document).ready(function(){ varel = document.getElementById("testDiv"); ...
varid = element.dataset.id; 要想获取data-my-custom-key属性值,你的代码应该写成这样: 1 2 // Retrieves "data-my-custom-key" varcustomKey = element.dataset.myCustomKey; 给自定义属性赋值的方法是这样的: 1 2 3 4 5 6 // Sets the value to something else ...