Javascript 基于数据属性值的BG颜色应用问题

Javascript 基于数据属性值的BG颜色应用问题,javascript,jquery,Javascript,Jquery,请看一下这个演示,让我知道为什么我不能根据每个元素的数据属性为其应用背景色 $(“.btn color”)。每个(函数(){ $(this.css(“背景色”,$(this.data('bg')); }); $(“.btn color”).css(“背景色”,$(this.data('bg')) .btn颜色{ 高度:40px; 宽度:40px; 边界半径:50%; } 您没有十六进制颜色,只有一个随机字符串。您需要输入哈希符号#,以使颜色正常工作 $(“.btn color”)。每个(函数

请看一下这个演示,让我知道为什么我不能根据每个元素的数据属性为其应用背景色

$(“.btn color”)。每个(函数(){
$(this.css(“背景色”,$(this.data('bg'));
});
$(“.btn color”).css(“背景色”,$(this.data('bg'))
.btn颜色{
高度:40px;
宽度:40px;
边界半径:50%;
}

您没有十六进制颜色,只有一个随机字符串。您需要输入哈希符号
#
,以使颜色正常工作

$(“.btn color”)。每个(函数(){
$(this.css(“背景色”和“#”+$(this.data('bg'));
});
.btn颜色{
高度:40px;
宽度:40px;
边界半径:50%;
}