根据数据值跨越背景

Question

我有一个span class cor（颜色）：

<span class="cor" data-c="red">red</span>
<span class="cor" data-c="green">green</span>
<span class="cor" data-c="blue">blue</span>

和cor style：

.cor{
 padding:5px;
 margin:5px;
}

我想要的是.cor background-color是data-c元素值的颜色。我可以根据data-c值设置.cor背景的样式吗？

编辑-------

它不起作用：

 background-color: attr(data-c);

Answer 1

您可以使用 JQuery

执行此操作

＆＃13;

＆＃13;

$('.cor').each(function() {
  var color = $(this).data('c');
  $(this).css('background-color', color);
});

＆＃13;

.cor{
   padding:5px;
   margin:5px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="cor" data-c="red">red</span>
<span class="cor" data-c="green">green</span>
<span class="cor" data-c="blue">blue</span>

＆＃13;

＆＃13;

＆＃13;