使用jQuery添加更多数据属性

我试图用jQuery添加HTML5数据-*值，但似乎什么都没有发生，我做错了什么吗

这是我的HTML：

<a href="#" data-js="click-chat"></a>

出于某种原因，它没有设置任何数据，也没有更新现有值

使用

.data（）

不会创建属性，它只是将数据添加到元素中。您应该能够使用

.data（'role'）

使用它，但在html中看不到属性

因此，如果在选择器上调用

.data（）

，它将检查

数据-

属性以及属性形式中不存在的数据。

使用

.data（）

不会创建属性，它只是将数据添加到元素中。您应该能够使用

.data（'role'）

使用它，但在html中看不到属性

---

因此，如果在选择器上调用

.data（）

，它将检查

数据-

属性以及属性形式中不存在的数据。

如果要向元素添加属性，可以使用

.attr（）

方法。 否则，所有其他答案在

data（）

的工作方式上都是正确的

 $('a[data-js="click-chat"').attr('data-monkey', "lemur");

---

如果要向元素添加属性，可以使用

.attr（）

方法。 否则，所有其他答案在

data（）

的工作方式上都是正确的

 $('a[data-js="click-chat"').attr('data-monkey', "lemur");

---

使用

.data（）

函数时，jQuery不会将值作为实际属性存储在元素上，因此不会看到对DOM的任何更改。第一次调用

.data（）

时，它在内部存储元素上任何

data-*

属性的当前值，然后使用该存储获取或设置任何后续调用的值

---

这与使用

.attr（'data-*'）

不一致，因为这确实适用于元素上定义的实际属性，因此您希望使用其中一个属性。

当您使用

.data（）

函数时，jQuery不会将值存储为元素上的实际属性，因此您不会看到对DOM的任何更改。第一次调用

.data（）

时，它在内部存储元素上任何

data-*

属性的当前值，然后使用该存储获取或设置任何后续调用的值

---

这与使用

.attr（'data-*'）

不一致，因为这确实适用于元素上定义的实际属性，因此您希望使用其中一个属性。

您可以像这样使用.attr属性

$(this).attr('id', 'your-id-value');

---

您可以像这样使用.attr属性

$(this).attr('id', 'your-id-value');

---

谢谢我如何才能为datajs属性添加另一个值？因此，我使用.attr（'data-js'，'some value'）获取[data js=单击chat something]；谢谢我如何才能为datajs属性添加另一个值？因此，我使用.attr（'data-js'，'some value'）获取[data js=单击chat something]；