Question

我有div。它们可以拖动，可调整大小，我有一个div编辑器。这意味着我可以更改任何div宽度，高度，边距，填充和背景颜色，字体大小，字体重量等。我使用jquery完成此操作，我做了它很完美。现在我想知道如何获得每个div的所有css属性。

当我使用jquery完成每个div元素时，样式属性改变了......

element.style{
width:250px;
height:35px;
top:233.23px;
left:33.12px;
background-color:#000;
font-size:16px;
font-weight:600;


}

像那样。所以我想把所有上面的值都带到jquery对象来创建json文件。我怎么能实现这个呢？

Answer 1

基于这个答案：Can jQuery get all CSS styles associated with an element?

以下是演示：http://jsfiddle.net/tymeJV/TFaZ3/

结果console.log(css($(".test"))); == Object {600: "", width: "250px", height: "35px", top: "233.23px", left: "33.12px", background-color: "rgb(0, 0, 0)"…}

似乎可以完成所需的工作。

Answer 2

您必须先使用CSS设置一个类，然后使用'addClass'代替'css'和jQuery。请参阅下面的示例：

.class {margin：0;填充：0;文本对齐：中心; }

然后你的jQuery看起来像这样：

（function（）{ $（ '选择'）addClass（ '类'）。 }）（jQuery的）;

如何使用jquery获取所有css属性

2 个答案: