jQuery - 获取元素的所有css属性和值并放入数组答案

【问题标题】：jQuery - get all css property and value of an element and put in arrayjQuery - 获取元素的所有css属性和值并放入数组
【发布时间】：2013-07-20 10:07:15
【问题描述】：

如何从一个元素中获取所有的 css 属性及其值？

我正在尝试制作一个用于实时编辑元素 css 的插件。如果一个元素已经有任何样式，那么获取它并将值附加到输入字段，以便我可以编辑已经设置的样式。

我没有属性名称，所以如何运行循环并获取所有 css 属性及其值。然后把它放到一个数组中。

我的虚拟代码

function get_css(elem){
    var newObj = {};    
    elem.each(function(){
        var css = this.css('?');
        newObj[parts[property]] = parts[value];
    });
    return newObj;           
}

这是小提琴 http://jsfiddle.net/howtoplease/4Nv2C/

【问题讨论】：

看看[stackoverflow.com/questions/754607/…[1]：stackoverflow.com/questions/754607/…
你想要为一个元素计算所有的 CSS 规则（可能继承的除外？？？）还是你为一个元素声明的所有 CSS 规则？这不是一回事。
by > 你的意思是只有你在CSS中声明的样式，对吧？如果是的话，这可能更准确：stackoverflow.com/questions/9180184/…
如果你能解释为什么你需要一个数组中的所有 css，也许有人可以用另一种解决方案帮助你，因为你几乎肯定会以错误的方式解决这个问题，因为这不是您通常必须做的事情。
查看此答案stackoverflow.com/a/16935800/2522817 我在 Chrome 中对其进行了测试并且可以正常工作。看看评论中提到的第 6 行的错字。

标签： jquery

【解决方案1】：

也许你可以把属性放在对象中

我的对象：{

颜色：'黑色'； }

然后也许您可以使用 for in 循环并获取值或属性，然后推入数组

for(var property in myObj){

console.log(property);

}

【讨论】：

我的问题是我没有属性名