js获得相同css的第几个,使用纯Js或jquery获取64个类的CSS属性值相同

我在js中创建了64个颜色按钮。他们有一流的名字是这样的:

使用纯Js或jquery获取64个类的CSS属性值相同

c1

c2

c3

c4

等..

我已经通过这个代码创建了这一点:

var eg_color_ul_1 = $('.eg-ul-1');

var eg_color_ul_2 = $('.eg-ul-2');

for (var linum = 1; linum < 65; linum++) {

var Cselector = ".c" + linum;

var colorMenu = $(Cselector).css("background-color");

eg_color_ul_1.append(""),

eg_color_ul_2.append("");

}

我已经设置在CSS样式表中的所有颜色。 是这样的:

.c1 {

background-color: #F44336;

}

.c2 {

background-color: #E91E63;

}

.c3 {

background-color: #9C27B0;

}

.c4 {

background-color: #673AB7;

}

现在我没有得到dom的颜色。 它显示color-code="undefined"

我该如何解决它?

我很抱歉的标题。我不明白应该是什么标题。所以我把这个。

编辑:

由于来自@Abdul的答案我纠正了我的js。但它仍然显示color-code="undefined"。当我的控制台登录这个就说明

rgb(244, 67, 54) main.js:10

63 undefined main.js:10

+0

你有64个元素与页面上的这些类吗?如果你没有全部64个元素,你的循环的其余部分将不会从DOM中获取元素,因此将不会获得颜色 –

+0

是的。我的网页里有64个li。 –

+0

那么它不应该记录undefined –

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值