jQuery - 獲取.css（）值並附加到輸入值

Question

我想獲得以下元素樣式並將它們追加到輸入值。

將CSS屬性值附加到輸入value，其中屬性等於輸入name。

這裏是我想要得到的風格

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

我的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.