如何返回外部样式表类应用于元素的所有CSS属性（而不是计算样式！）？

Question

给定CSS类：

.red {
    color: rgb(255,0,0);
   background-color: rgb(0, 255, 0);
}

然后，我通过以下方式将div添加到dom：

$("<div></div>").addClass("red").hide().appendTo("body");

我可以使用以下方法获取单个属性：

$(".red").css("color");

返回rgb（255，0，0）;

我的问题是如何在css类属性中循环并返回它们，而无需直接使用属性名？

Answer 1

我实际上已经找到了使用此非常方便的jQuery库的解决方案： https : //github.com/f0r4y312/jquery-stylesheet

我现在可以遍历每个样式表和声明并返回：

var key is a loop through the css property names
$.stylesheet("." + key + "").rules()[0].style

然后返回所有样式属性：

0 "color" "rgb(255, 0, 0)"
1 "background-color" "rgb(0, 255, 0)"
etc

我现在将其序列化为一个json数组以进行单元测试！

感谢您的所有非常有帮助的回复！