jQuery .each and height of div

each, height, jquery

Solution

$('.a').each(function() {
    var maxHeight = 0;
    $('.b', this).each(function() {
        if($(this).height() > maxHeight) {
         maxHeight = $(this).height();  
        }
    });
    alert(maxHeight);
});

Problem

I have construction like this: ``` <div class="a"> <div class="b"></div> <div class="b"></div> <div class="b"></div> <div class="b"></div> </div> <div class="a"> <div class="b"></div> <div class="b"></div> </div> <div class="a"> <div class="b"></div> <div class="b"></div> <div class="b"></div> </div> ``` I would like to find the highest div with class set to b in each div class set to a, and display in alert?

Original source