Javascript Jquery数据属性更改并影响CSS
我在css中使用了一个数据属性,但是当我通过jquery更改它时,它在dom的屏幕上并没有改变Javascript Jquery数据属性更改并影响CSS,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在css中使用了一个数据属性,但是当我通过jquery更改它时,它在dom的屏幕上并没有改变 $('new-1')。数据('count',5) .fa堆栈[数据计数]:之后{ 位置:绝对位置; 右图:-20%; 前-20%; 内容:attr(数据计数); 字体大小:90%; 填充:.4em; 边界半径:999px; 线高:.75em; 颜色:白色; 背景:rgba(255,0,0,1); 文本对齐:居中; 最小宽度:1.5em; 字体大小:粗体; } 如果您查看JQuery在此链接上的文档
$('new-1')。数据('count',5)代码>
.fa堆栈[数据计数]:之后{
位置:绝对位置;
右图:-20%;
前-20%;
内容:attr(数据计数);
字体大小:90%;
填充:.4em;
边界半径:999px;
线高:.75em;
颜色:白色;
背景:rgba(255,0,0,1);
文本对齐:居中;
最小宽度:1.5em;
字体大小:粗体;
}
如果您查看JQuery在此链接上的文档
它明确指出
使用data()方法更新数据不会影响DOM中的属性。要设置data-*属性值,请使用attr
因此,您应该使用.attr(“key”,value)代码>函数
代码应该是
$('#new-1').attr('data-count', 5);
这回答了你的问题吗?
$('#new-1').attr('data-count', 5);