php mysql引導行按鈕/ div高度

Question

我有一個問題得到相同的高度。

我使用php mysql生成n行引導程序網格，每行6個項目（按鈕/ div）。

像行中的每個項目（按鈕/ div）相同的高度。

我沒有成功，當我添加下面的jquery代碼它使我的項目（按鈕/ div）變平。

<form action="index.php" method="get"> 

<?php 

while ($row = @mysqli_fetch_assoc($result)){ 
echo "<div class=\"row\">"; 
$item = 2; 
foreach ($result as $resulty) { 
echo "<div class=\"col-xs-2 col-sm-2 col-md-2 col-lg-2 buttonMus\">"; 
echo "<img src=\"directory/".$resulty['foo'].".png\">"; 
?> 
<input type="checkbox" class="single-checkbox" name="Mus[]" 
value="<?php echo addslashes($resulty['musloc']); ?>" /> 
<?php 
echo $resulty['musloc']. ' '; 
echo "<br>"; 
echo "</div>"; // for xs 
if($item % 5 == 1) { // i.e. Count is divisible by 5 
echo "</div>"; // for row 
echo "<div class=\"row\">"; 
} // if item 
$item++; 

} //for each 
echo "</div>"; 
} // while 

?> 
<input type="submit" name="submit" value="Submit"> 
</form> 
<?php 

我試圖把在上面這個jQuery代碼和PHP的底部，但兩個地方它變平的項目（申報單/按鈕）

<script> 
$(document).ready(function() { 
var maxHeight = -1; 

$('.buttonMus').each(function() { 
maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height(); 
}); 

$('.buttonMus').each(function() { 
$(this).height(maxHeight); 
}); 
}); 

</script> 

任何一個幫助，可以解決這個問題。

任何評論或回答將不勝感激。提前致謝。

Answer 1

請檢查該代碼

$(document).ready(function(e) { 
    var itemArray = $(".row").find(".buttonMus"); 
    if(itemArray.length>0){ 
    var maxHeight = $(itemArray[0]).height(); 
    for(var i=0;i<itemArray.length;i++){ 
     if(maxHeight<$(itemArray[i]).height()){ 
      maxHeight = $(itemArray[i]).height(); 
     } 
    } 
    $(".buttonMus").height(maxHeight); 
    } 
}); 

或者你可以用這場比賽高度插件 https://github.com/liabru/jquery-match-height