Javascript Jquery检查所有子项的高度 内容01 内容02 内容03 内容04 内容05

这是我的HTML，我已经将它写在滚动a.button和div.parent可见的地方，在滚动时，div.parent的可见性设置为隐藏

我想写另一个脚本，在a.button悬停时，jQuery检查div.parent中div.child的每个高度，找出最高的，并将其设置为div.parent的高度

我知道每个循环都会有一个循环，但我不知道如何查看和比较值

提前谢谢你。

：

试试这个

$('a.button').on('mouseenter', function() {
    var maxHeight = 0;
    $('div.child').each(function() {
        if ($(this).height() > maxHeight) maxHeight = $(this).height();
    });
    $('div.parent').height(maxHeight);
});

---

您将要关闭从第二行到最后一行的引号。

$('a.button').on('mouseenter', function() {
    var maxHeight = 0;
    $('div.child').each(function() {
        if ($(this).height() > maxHeight) maxHeight = $(this).height();
    });
    $('div.parent').height(maxHeight);
});

$("a.button").on("hover", function(){
    var maxHeight = 0;
    $(".child").each(function(){ 
        var height = $(this).height();
        if( height > maxHeight){
            maxHeight = height;
        }
    });
    $(".parent").height(maxHeight);
});