Question

<a href="#" class="button">BUTTON</a>
<div class="parent">
     <div class="child">Content 01</div>
     <div class="child">Content 02</div>
     <div class="child">Content 03</div>
     <div class="child">Content 04</div>
     <div class="child">Content 05</div>
</div>

这是我的HTML，我已经写过你可以看到 a.button 和 div.parent ，并且在首次展示时， div.parent < / strong>的可见性设置为隐藏。

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

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

提前谢谢。

Answer 1

Try this out：

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

Answer 2

试试这个，

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

Jquery检查所有孩子的身高

2 个答案: