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

托比亚斯·T。

我有类多个元素.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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

分别隐藏/显示具有相同类名的元素

来自分类Dev

如何访问具有相同类名的元素的数据属性?

来自分类Dev

更改背景颜色时,在CKEditor中重用具有自定义属性的现有范围

来自分类Dev

分别为正值和负值设置颜色和 alpha

来自分类Dev

在Umbraco 7中,如何搜索具有自定义属性的所有成员?

来自分类Dev

如何动态找出具有自定义属性的所有方法

来自分类Dev

如何分别为javafx TableView中的每一行设置颜色?

来自分类Dev

jQuery选择具有自定义属性的元素

来自分类Dev

如何为具有原始比例的自定义单选按钮android设置背景图像?

来自分类Dev

具有高度的自定义操作栏如何将背景设置为全屏

来自分类Dev

如何制作与时间戳()列具有相同属性的自定义列?

来自分类Dev

JS Canvas分别为网格元素设置动画

来自分类Dev

jquery影响具有相同类的所有html元素

来自分类Dev

如何使用jQuery根据其值禁用具有相同类的所有输入

来自分类Dev

如何将jQuery函数应用于具有相同类的所有元素?

来自分类Dev

如何获取具有相同类名的所有数据属性

来自分类Dev

如何分别为 Trackpoint、Trackpad 和 Mouse 设置 xbindkey?

来自分类Dev

除了悬停的元素外,如何为所有相同类型的元素设置样式?

来自分类Dev

如何自定义表头中的所有元素?

来自分类Dev

如何用不同的颜色绘制相同 Pandas Series 列的不同部分,并具有自定义索引?

来自分类Dev

具有自定义属性的菜单

来自分类Dev

具有自定义属性的菜单

来自分类Dev

如何在稀有曲线(纯素包装)中分别为线条上色

来自分类Dev

我的自定义类具有所有相同的变量

来自分类Dev

从自定义数组列表中获取具有相同标志的所有项目的列表

来自分类Dev

Formik - “脏”被应用于具有相同自定义组件的所有实例

来自分类Dev

在 Visual Basic .NET 中,如何列出和调用具有给定自定义属性的所有类函数?

来自分类Dev

如何为具有相同类名的多个元素设置动画?

来自分类Dev

如何评估具有自定义属性的自定义管道组件?

Related 相关文章

  1. 1

    分别隐藏/显示具有相同类名的元素

  2. 2

    如何访问具有相同类名的元素的数据属性?

  3. 3

    更改背景颜色时,在CKEditor中重用具有自定义属性的现有范围

  4. 4

    分别为正值和负值设置颜色和 alpha

  5. 5

    在Umbraco 7中,如何搜索具有自定义属性的所有成员?

  6. 6

    如何动态找出具有自定义属性的所有方法

  7. 7

    如何分别为javafx TableView中的每一行设置颜色?

  8. 8

    jQuery选择具有自定义属性的元素

  9. 9

    如何为具有原始比例的自定义单选按钮android设置背景图像?

  10. 10

    具有高度的自定义操作栏如何将背景设置为全屏

  11. 11

    如何制作与时间戳()列具有相同属性的自定义列?

  12. 12

    JS Canvas分别为网格元素设置动画

  13. 13

    jquery影响具有相同类的所有html元素

  14. 14

    如何使用jQuery根据其值禁用具有相同类的所有输入

  15. 15

    如何将jQuery函数应用于具有相同类的所有元素?

  16. 16

    如何获取具有相同类名的所有数据属性

  17. 17

    如何分别为 Trackpoint、Trackpad 和 Mouse 设置 xbindkey?

  18. 18

    除了悬停的元素外,如何为所有相同类型的元素设置样式?

  19. 19

    如何自定义表头中的所有元素?

  20. 20

    如何用不同的颜色绘制相同 Pandas Series 列的不同部分,并具有自定义索引?

  21. 21

    具有自定义属性的菜单

  22. 22

    具有自定义属性的菜单

  23. 23

    如何在稀有曲线(纯素包装)中分别为线条上色

  24. 24

    我的自定义类具有所有相同的变量

  25. 25

    从自定义数组列表中获取具有相同标志的所有项目的列表

  26. 26

    Formik - “脏”被应用于具有相同自定义组件的所有实例

  27. 27

    在 Visual Basic .NET 中,如何列出和调用具有给定自定义属性的所有类函数?

  28. 28

    如何为具有相同类名的多个元素设置动画?

  29. 29

    如何评估具有自定义属性的自定义管道组件?

热门标签

归档