найти количество детей, использующих size () в jquery

Question

У меня есть меню jquery, в котором так много записей, что оно простирается дальше, чем длина страницы. Я хочу получить количество записей в каждом разделе меню, чтобы использовать его для изменения размера отступа в конце страницы.

$('.hideMe').click(function(){ 
    alert( $(this).next('ul').children() );
}); 

Итак, я хочу узнать количество тегов li под тегом ul.

<h3 class="hideMe">Items</h3>
    <ul class="myul">
        <li id="001" >
            <a href="products.php?item=001">Item 1</a>
        </li>
        <li id="002" >
            <a href="products.php?item=002">Item 2</a>
        </li>   
        <li id="003" >
        <a href="products.php?item=003">Item 3</a>
        </li>   

Есть идеи? Спасибо.

Answer 1

Что по этому поводу:

$(this).next('ul').find('li').length

Answer 2

$(".hideMe").click(function(){ 
    alert( $(this).next("ul").find("li").length);
});

Но скорее я бы сделал $(this).next("ul").height(), чтобы сразу получить высоту.

Answer 3

Я бы согласился с ответом, предоставленным Стайку (и я проголосовал за него), но вам нужно подумать, достаточно ли количество детей для того, что вы хотите сделать.

Не забудьте учесть разные разрешения монитора и тот факт, что размер (а точнее для вашего случая - высота) окна браузера может меняться.

Я не совсем уверен, какую роль играет «padding div» в общем макете - возможно, более подробный пример поможет нам понять.