javascript - 如何根据自定义属性分别为具有相同类的所有元素设置背景颜色

Question

我有多个元素属于 .hours 类它们都有一个十六进制值的颜色属性，如下所示:<div class="hours" color="#FFFFFF"> .

如何使用 jQuery 单独设置所有元素的背景颜色，以便元素的颜色为 #FFFFFF和元素 <div class="hours" color="#666666">获取背景颜色 #666666 ？

我的尝试:$('.hours').css('background-color', this.attr.color);

Answer 1

您可以使用.each 来引用每个元素及其color 属性

$('.hours').each(function() {
  let elem = $(this);
  elem.css('background', elem.attr('color'));
});

.hours {
  border: 1px solid black;
  height: 100px;
  width: 100px;
  display: inline-block;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="hours" color="#FFFFFF"></div>
<div class="hours" color="#AAAAAA"></div>
<div class="hours" color="#444444"></div>