我有类多个元素.hours
,它们都具有像这样一个十六进制值的颜色属性:<div class="hours" color="#FFFFFF">
。
如何使用 jQuery 单独设置所有元素的背景颜色,以便元素上方具有颜色#FFFFFF
并且元素<div class="hours" color="#666666">
获得背景颜色#666666
?
我的尝试: $('.hours').css('background-color', this.attr.color);
您可以使用.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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句