Pick the biggest height of all elements.

Question

This is my code.

    v=dom.find("ul:first").outerHeight(); // the height of the first li element
            // instead of taking the height of the first li element, it should loop through all
            // li elements and set v to the element with the biggest height

The comment in the middle of the code pretty much explains everything. I need to loop through all li elements and take the biggest height, instead of taking the height of the first element.

Answer 1

you can use the jquery .each() method to loop through each element, and the .height() method to determine the height of the element. to determine the greatest height, declare a variable, maxheight=0, and if the element height is greater than maxheight, set the maxheight to the element height.

var maxheight = 0;
$('ul').each(function(index) {
     if($(this).outerHeight() > maxheight) maxheight = $(this).outerHeight();
});

Answer 2

var v = 0;
// ...
dom.find('ul:first').children('li').each(function() {
    var height = $(this).outerHeight();
    v = height > v ? height : v;
});

Answer 3

var el, max = 0;
$("ul").each(function(){ 
  var height = $(this).outerHeight();
  if (height > max) {
    el  = this;
    max = height;
  }
});