jquery - 从一个元素获取 css 属性并应用于另一个元素

Question

CSS：

#foo1 { color: #FFF; border: 1px solid #000; }

html:

<div id="foo1"></div>
<div id="foo2"></div>

js：

我知道我可以使用 css 键一一获取值，但是有没有办法一次获取所有 css 属性并应用这些值。像这样的东西：

$(function(){
    $('#foo2').css($('#foo1').css());
});

Answer 1

您可以将样式设置为一个类，然后只需使用 addClass 将样式应用于第二个 div。

.foo-style { color: #FFF; border: 1px solid #000; }

<div id="foo1" class="foo-style"></div>
<div id="foo2"></div>

$(function(){
   $('#foo2').addClass('foo-style');
});

Answer 2

这似乎在 jsfiddle 中有效，但我希望它只在野外适用于内联样式，但没有在 jsfiddle 之外对其进行测试：

$("#foo2").css('cssText', $("#foo1").css('cssText'));

小提琴