用class查找div并添加HTML5数据属性？

Question

我正在尝试查找具有特定类或ID的div，然后向其添加自定义HTML5数据属性。例如：

查找

<div class="mydv">Hello</div>

然后添加data-customtype =“one”，使其变为

<div class="mydv" data-customtype="one">Hello</div>

但是，以下代码似乎不起作用：

$('.mydv').data('customtype','one'); 

Answer 1

jQuery的.data()函数不会添加HTML5数据标记，而是将数据保存到计算机的内存中。用户必须使用.attr()才能向标记添加物理属性。

此示例可用：

 $('.mydv').attr('data-customtype','one');

Answer 2

您应该使用.data()来获取/设置数据属性：

 $('.mydv').data('customtype','one');

<强> Working Fiddle

Answer 3

这样做就好了。

设置值：

$('.mydiv').attr('data-customtype','one');

获取值：

$('.mydiv').attr('data-customtype');