JQuery sets element height

Question

JQuery sets element height

How to set parent's inner div height using each () method?

<div class="box">
    <div class="inner">Stuff</div>
</div>
<div class="box">
    <div class="inner">Stuff</div>
</div>
<div class="box">
    <div class="inner">Stuff</div>
</div>
<div class="box">
    <div class="inner">Stuff</div>
</div>

This does not work:

$('.box').each(function(){
    var $this = $(this);
    var $inner = $this.find(".inner");
    $inner.height( $this.height );

});

+3

jquery

cusejuice May 08 '12 at 23:15

source share

1 answer

VisioN · Accepted Answer · 2012-05-08T23:16:07+0000

To get the height of an element, you should use the method height() :

$('.box').each(function(){
    var $this = $(this);
    var $inner = $this.find(".inner");
    $inner.height( $this.height() );
});

JQuery sets element height

More articles: