Question

我写了一个小脚本，比较2个div的高度，并将最大的高度设置为另一个div。

我的问题是：如何改进此脚本？。因为我现在正在重复获取2 div的隐藏部分

$( document ).ready(function() {
  showHeight($( "#tab-content2" ).height());
  showHeight($( "#tab-content1" ).height());
});
var bheight = 0;
function showHeight(height) {
  if( height > bheight){
    bheight = height;
    $("aside").height(bheight + 60);
  }
}

Answer 1

选择以tab-content开头的所有ID然后使用.each

循环来选择这两个ID

$(document).ready(function() {
  $("div[id^='tab-content']").each(function(){
      showHeight($(this).height());
  });
});

Answer 2

我想有点这样：

$( document ).ready(function() {
  showHeight("[id^='tab']"); // pass the selector
});


function showHeight(elem) {
   var heights = $(elem).map(function (){
      return $(this).height();
   }).get(), // loops through the selectors and gets the height in array

   maxHeight = Math.max.apply(null, heights); // returns the max height value.
   $("aside").height(maxHeight + 60); // and set it here.
}

Answer 3

在标签中添加一些课程。

$(document).ready(function () {
    var bheight = 0; 
    $('.tabClass').each(function () {
        bheaight = Math.max(bheight, $(this).height());
    });
    $('aside').height(bheight + 60);
});

通过比较两个高度来改进设置div的高度的脚本

3 个答案: