Подсчитайте все элементы первого списка в ul

Question

Мне было интересно, как подсчитать все элементы списка внутри div.

<ul class="menu"> 
    <li><a href="#">Home</a> 
    </li> 
    <li><a href="#">Contact</a> 
    </li> 
    <li><a>Information</a> 
     <ul> 
      <li><a href="#">History</a> 
      </li> 
      <li><a href="#">Present</a> 
      </li> 
      <li><a href="#">Future</a> 
      </li> 
     </ul> 
    </li> 
    <li><a>Tutorials</a> 
     <ul> 
      <li><a href="#">HTML/CSS</a> 
      </li> 
      <li><a href="#">Javascript</a> 
      </li> 
      <li><a href="#">Jquery</a> 
      </li> 
      <li><a href="#">PHP</a> 
      </li> 
     </ul> 
    </li> 
    <li><a href="#">Structure</a> 
    </li> 
</ul> 

Как подсчитать все элементы списка внутри ul class=menu? И не элементы списка, которые находятся в более глубоком UL.

Я имею в виду, как подсчитать Домой, Контакты, Информация, Учебники, Структура, а не элементы списка, которые находятся внутри них, я только что упомянул.

Конечно, я провел некоторое исследование, но не смог найти правильный ответ. Вот несколько дубликата: jQuery: Count number of list elements?

Answer 1

Используйте селектор > ребенок:

$('ul.menu>li').length 

Или .children():

$('ul.menu').children('li').length 

Answer 2

Другой вопрос в JQuery, так что я отвечаю за JQuery, попробуйте это для подсчета ваших li элементов

var count = $('ul.menu').children('li').length; 

DEMO