jquery - 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);
})

演示：小提琴

Answer 2

你也可以试试这个

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

演示。