当data-*属性改变时，如何更新元素

Question

我有一个css样式的元素:#element:after { content: attr(data-percent); }

我试图改变数据百分比属性与JQuery像这样$('#element').data('percent', '50%');

属性变化，我可以通过console.log($('#element').data('percent'));检查，但它不会重绘，仍然包含旧属性。

我应该调用什么函数来更新这个元素?

Answer 1

jQuery的data将属性作为初始值，但它不使用它来实际存储数据，而是缓存在内存中。

允许存储任何你想要的值，而不是像HTML5标准那样仅仅是字符串。

如果您想使用属性来存储数据，请使用

$('#element').attr('data-percent', '50%');

Answer 2

jQuery不能引用和/或end:after或:before伪元素。CSS元素似乎不会自动更新所引用的attr()的更改。

我的建议是不要使用伪元素