jQuery - 获取.css（）值并附加到输入值

Question

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

将CSS属性值附加到输入value，其中property等于输入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);
})

演示：Fiddle

Answer 2

您也可以尝试这个

$('.myStyle input').val(function(i){ 
    return $('.styler h3').attr('style').split(';')[i].split(':')[1]; 
});

DEMO.