jQuery - get .css() value and append to a input value

Question

I want get the following element style and append them to input value.

append CSS property value to input value, where property is equal to input name.

Here is my div from where I want to get style

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

And this is the input where I want to append my styles

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

$(documnet).ready(function(){ $(input[name]).attr('style', $('.styler h3').attr('style')) });. Is this you are looking for. — RONE
– RONE, Commented Jul 16, 2013 at 5:05

Arun P Johny · Accepted Answer · 2013-07-16 05:05:39Z

6

Try

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

answered Jul 16, 2013 at 5:05

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thank you for answering. I love your solutions, small and effective

The Alpha · Accepted Answer · 2013-07-16 05:17:30Z

0

You may try this too

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

answered Jul 16, 2013 at 5:11

The Alpha

147k30 gold badges294 silver badges313 bronze badges