Find element with most children [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

Closed 8 years ago.

• This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
• Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist

Improve this question

I have a navigation bar with various nested unordered lists. What I need to do is count the children of each UL and set a variable containing the highest counted number.

While I think I could do this using a for/while loop I'm not exactly sure how to go about it.

The script will:

1. count children of each ul, storing the lengths in an array
2. pick the longest length and store it in a new variable

Thanks for any help!

Answer 1

var arr = []; //populate the length of children into this array.
$('ul').map(function (i) {
    arr[i] = $(this).children().length;
});
var maxValue = Math.max.apply(Math, arr); //get the max value from the array

Answer 2

IF your navigation is an 'ul' and you have to find the one have maximum children 'li' then :

var maximum = 0;
$('ul').each(function(){
   var height = $(this).height();
   if(height > maximum )
        maximum = maximum ;
});