0

複数の div ごとに同じ高さを設定するにはどうすればよいですか?

<div class="brands">
    <div class="left" style="height:50px;">different height 1 same group</div>
    <div class="right" style="height:50px;">different height 2 same group</div>
</div>
 <div class="brands">
    <div class="left" style="height:150px;">different height 3 same group</div>
    <div class="right" style="height:150px;">different height 4 same group</div>
</div>

どうもありがとう。

4

1 に答える 1

1

それらをすべて同じにしたい場合：

$('div.brands').children('div').css('height', '100px');

または、異なるものに異なる高さが必要な場合:

$('div.brands').eq(0).children('div').css('height', '50px');
$('div.brands').eq(1).children('div').css('height', '150px');

子 div を特定のブランド div で最も高い子 div の高さに設定するには:

var leftHeight = 0;
var rightHeight = 0;
$('div.brands').each(function() {
    leftHeight = $(this).children('div.left').height();
    rightHeight = $(this).children('div.right').height();
    if(leftHeight > rightHeight) {
        $(this).children('div.right').css('height', leftHeight + 'px');
    }
    else {
        $(this).children('div.left').css('height', rightHeight + 'px');
    }        
});
于 2013-04-25T12:25:36.793 に答える