jquery - 如何将默认的 css 属性解析为内联样式属性

Question

目前我有一个页面，用户可以在其中创建 div 并将它们拖/放到另一个 div 中 id="holder" .

我有一个保存按钮，可以获取持有人的 html。 $('#Holder').html();

holder 中的 div 有一些来自 CSS 文件的样式和内联样式:style="left:10px; right:10px; background-color:#000000;"由 jQuery 添加。

我想要的是将我的 CSS 文件中的样式与内联样式结合起来，这样我就可以使用 $('#holder').html();风格应有尽有。

问题:如何将 CSS 样式解析为 style=""属性。

所以在信息之后我有一个例子:http://jsfiddle.net/Ub9ZD/

如您所见，我缺少宽度、高度和位置样式。

== 编辑 ==

在查看了给定的链接后，我仍在为此苦苦挣扎。

我仍然无法将文件中的内联样式和 CSS 样式结合起来。

进度:http://jsfiddle.net/Ub9ZD/39/

Answer 1

这并不像听起来那么容易，远非如此。如果你想查看一个对象的 CSS 属性，你可以使用 .css() jQuery 提供的功能。本质上，您将通过 .css() 函数检索每个元素的样式，然后使用 htmlELElement.style 方法将它们重新应用到元素。然后，理论上，.html() 会为您提供该元素上所有 CSS 样式的列表。

您确定这就是您所需要的，还是您可以按照预期的方式使用 .css()？