Javascript 行和列的相等高度
我有一个包含很多行和列的html结构。 现在我希望同一行中的所有列具有相同的高度 我已经做了一个脚本,做同样的高度。但是这个脚本在所有列上放置了相同的高度。下面是html和脚本 我做错了什么?谢谢你帮助我Javascript 行和列的相等高度,javascript,jquery,equals,Javascript,Jquery,Equals,我有一个包含很多行和列的html结构。 现在我希望同一行中的所有列具有相同的高度 我已经做了一个脚本,做同样的高度。但是这个脚本在所有列上放置了相同的高度。下面是html和脚本 我做错了什么?谢谢你帮助我 <div class="row"> <div class="column"> </div><!-- /column --> <div class="column"> </div><
<div class="row">
<div class="column">
</div><!-- /column -->
<div class="column">
</div><!-- /column -->
</div><!-- /row -->
<div class="row">
<div class="column">
</div><!-- /column -->
<div class="column">
</div><!-- /column -->
<div class="column">
</div><!-- /column -->
</div><!-- /row -->
function equalHeight(group) {
tallest = 0;
group.each(function() {
thisHeight = $(this).outerHeight();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
};
equalHeight($('.row .column'));
功能相等高度(组){
最高=0;
组。每个(函数(){
thisHeight=$(this.outerHeight();
如果(此高度>最高){
最高=此高度;
}
});
身高(最高);
};
等高($('.row.column'));
接受这个脚本
你能摆弄一下吗。。这可能很容易找到问题
function equalHeight(group) {
$(group).each(function(i,eachrow) {
tallest = 0;
$(eachrow).children('.column').each(function(j,eachcolumn) {
thisHeight = $(eachcolumn).outerHeight();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
$(eachrow).children('.column').height(tallest);
});};equalHeight($('.row'));