jquery - 如何使用 jQuery 制作等高的 DIV

Question

我正在尝试创建一个循环遍历所有 <div class="check-js"></div> 的 jQuery 函数。 ，比较高度找出最高的，并将它们全部设置为与最高的高度相同，但这似乎不起作用。这可能是什么问题？

$(document).ready(function() {
                $('.check-js').each(function() {
                    alert($(this).index);
                    var aux = 0;
                    var max = 0;
                    aux = $(this).style.height;
                    aux.replace(/\D/g,'');
                    alert(max);
                    if (Math.max(aux, max)==aux){
                        max = aux;
                    }
                });
            });

这还没有完成，我还没有添加改变高度的指令，因为我无法让它循环<div> s，max的警报不弹出。

Answer 1

您需要使用共享变量max，否则在每次迭代中max的值将被重置...还要获取元素的高度，请使用.height()

$(document).ready(function () {
    //shared variable
    var max = 0,
        $els = $('.check-js');
    $els.each(function () {
        max = Math.max($(this).height(), max); //use height method from jQuery
    });

    $els.height(max)
});

演示:Fiddle