jQuery - 获取.css()值并附加到输入值

Question

我想获得以下元素样式并将它们附加到输入值.

将CSS属性值附加到input value,其中property等于input name.

这是我想要获得风格的div

<div class="styler">
   <h3 style="color:#555;font-size:30px;font-family:'open sans';">
        I am Heading
   </h3>
</div>

这是我想要追加我的风格的输入

<div class="myStyle">
   <input name="color" />
   <input name="font-size" />
   <input name="font-family" />
</div>

Answer 1

尝试

var h3 = $(".styler h3");
$('.myStyle input').each(function(){
    this.value = h3.css(this.name);
})

演示:小提琴