javascript - 在 Javascript 中组合类似的 If 语句

Question

我使用带有类似 if 语句的 JS 来并排显示 Div。正如主题标题所示，这些 if 语句是否可以组合或以任何方式变得更有效？

编辑:此代码的目的是使所有 Div 具有相同的高度。

JS:

$(document).ready(function(){
    $('.container').each(function(){
        var firstDiv = $(this).find('.first');
        var secondDiv = $(this).find('.second');
        var thirdDiv = $(this).find('.third');
        var fourthDiv = $(this).find('.fourth');
        if(firstDiv.height() >= secondDiv.height()){
            secondDiv.css('height',firstDiv.height());
        } else {
            firstDiv.css('height',secondDiv.height());
        }
        if(secondDiv.height() >= thirdDiv.height()){
            thirdDiv.css('height',secondDiv.height());
        } else {
            secondDiv.css('height',thirdDiv.height());
        }
        if(thirdDiv.height() >= fourthDiv.height()){
            fourthDiv.css('height',thirdDiv.height());
        } else {
            thirdDiv.css('height',fourthDiv.height());
        }

    });
});

测试页:http://www.gloryhood.com/articles/ztest.html

Answer 1

由于代码的目的是使所有 div 的高度相等，因此您可以不需要任何 if 语句并使用 jQuery 的 map() 来获取所有高度，然后使用 Math.max 获得最高的。试试这个:

$('.container').each(function(){
    var $divs = $('.first, .seconds, .third, .fourth', this);
    var heights = $divs.map(function() {
        return $(this).height();
    }).get();
    $divs.height(Math.max.apply(this, heights));
});

请注意，可以通过向所有 div 添加单个公共(public)类来改进初始选择器。