javascript - 通过jQuery设置di​​v的行高？

Question

有 2 个 div:Div1 和 Div2。

我有一个函数可以确定 Div1 的高度并设置 Div2 的高度以匹配它(如果 Div2 的高度较小)。

如果 Div2 的高度较小，我正在尝试使该函数也将 Div2 的行高设置为等于 Div1 的高度。

这对我来说非常棘手。

我的尝试:

$(document).ready(function() {

    function setDiv2Height(){

        var Div1Height = $('#Div1').height();
        var Div2Height = $('#Div2').height();

        if (Div2Height < Div1Height) {    
            $('#Div2').height($('#Div1').height()); 

            $('#Div2').css("line-height", ($('#Div1').height())));
        }

    }

});

Answer 1

我认为你可以使用 else 子句

    $(document).ready(function() {

        function setDiv2Height(){

            var Div1Height = $('#Div1').height();
            var Div2Height = $('#Div2').height();

            if (Div2Height < Div1Height) {    
                $('#Div2').height(Div1Height+'px'); 
                $('#Div2').css("line-height", (Div1Height)+'px');
            }else{
                $('#Div1').height(Div2Height+'px'); 
                $('#Div1').css("line-height", (Div2Height)+'px');                   
            }

        }

    });