Question

我想为每个我的.block div中的列设置相同的高度我使用每个函数使其单独工作但不知何故它为我的所有div设置相等的高度。这是代码，请帮帮我。我只希望每个块中的2列具有相同的高度，而不是所有列。感谢

//block1
<div class="block">
  <div class="column"></div>
  <div class="column"></div>
</div>
enter code here

//block2
<div class="block">
  <div class="column"></div>
  <div class="column"></div>
</div>

js 
$.fn.equalizeHeights = function () {
   return this.height(Math.max.apply(this, this.map(function () {
     return $(this).outerHeight(true);
   })));
};

var block = jQuery('.block');
block.each(function() {
  var columns = jQuery(this).find('.column');
  columns.equalizeHeights(); 
});

Answer 1

你应该从你的html中的类名中取出点 -

 SELECT * FROM yourtable where SUBSTR(flight_date, -4) = '2016'

应该是

<div class=".block">

Answer 2

根据上述信息，因为它没有提供任何样式表，您可以通过

解决问题

//block1
<div id="bloc1" class="block">
  <div class="column"></div>
  <div class="column"></div>
</div>
enter code here

//block2
<div id="block2" class="block">
  <div class="column"></div>
  <div class="column"></div>
</div>

JS

$.fn.equalizeHeights = function () {
   return this.height(Math.max.apply(this, this.map(function () {
     return $(this).outerHeight(true);
   })));
};
//for block1
var block = jQuery('#block1');
block.each(function() {
  var columns = jQuery(this).find('.column');
  columns.equalizeHeights(); 
});

设置相同的高度

2 个答案: