Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 行和列的相等高度_Javascript_Jquery_Equals - Fatal编程技术网

Javascript 行和列的相等高度

Javascript 行和列的相等高度,javascript,jquery,equals,Javascript,Jquery,Equals,我有一个包含很多行和列的html结构。 现在我希望同一行中的所有列具有相同的高度 我已经做了一个脚本,做同样的高度。但是这个脚本在所有列上放置了相同的高度。下面是html和脚本 我做错了什么?谢谢你帮助我 <div class="row"> <div class="column"> </div><!-- /column --> <div class="column"> </div><

我有一个包含很多行和列的html结构。 现在我希望同一行中的所有列具有相同的高度

我已经做了一个脚本,做同样的高度。但是这个脚本在所有列上放置了相同的高度。下面是html和脚本

我做错了什么?谢谢你帮助我

<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'));