Javascript 数据值在HTML中不会更改

我一定误解了，但我认为调用jQuery.data（）函数时HTML元素的数据值会发生变化：

<div id="empty_column_0" data-name="empty_column_0" class="settings_toggle toggle-success inline-toggle" data-target="column_0" data-value="0"></div>

值在控制台中更改，但在HTML中不更改？

---

这就是它的工作原理吗？

这是设计的。jQuery

data（）

不更新

data-

HTML属性。如果希望更新HTML属性，则需要使用：

that.attr('data-value', bool);

---

这是故意的。jQuery

data（）

不更新

data-

HTML属性。如果希望更新HTML属性，则需要使用：

that.attr('data-value', bool);

---

您的代码可以工作，请查看链接以了解.data（）和.attr（）之间的区别：

.data（）方法允许我们将任何类型的数据附加到DOM
以避免循环引用的方式创建元素，因此 从内存泄漏

---

您的代码可以工作，请查看链接以了解.data（）和.attr（）之间的区别：

.data（）方法允许我们将任何类型的数据附加到DOM
以避免循环引用的方式创建元素，因此 从内存泄漏

---

请看，那里的共识是“不，他们不应该”！这可能会有帮助，我下次会把标签去掉：）请看，共识是“不，他们不应该”！这可能会有帮助，下次我会省去标记：）@UnknownUser-是的，它不会像我所说的那样自动更新HTML

data-

属性，OP会问…@Shomz什么？HTML属性不会在您链接的JSFIDLE中更新。。。文档中也没有提到更新HTML属性all@UnknownUser-是的，它不会像我说的那样自动更新HTML

数据-

属性，OP问…@Shomz什么？HTML属性不会在您链接的JSFIDLE中更新。。。文档中根本没有提到更新HTML属性