在 jquery 中使用 size() 查找孩子的数量

Question

我有一个 jquery 菜单，其中包含太多条目，以至于超出了页面的长度。我想获取每个菜单部分中的条目数，以便可以使用它来调整页面末尾的填充 div 的大小。

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

所以我想找出ul标签下的li标签个数。

<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

我同意 Staicu 提供的答案（并且我已经投了赞成票），但是您需要考虑孩子的数量是否足以满足您的需求。

不要忘记允许不同的显示器分辨率以及浏览器窗口的大小（更具体地说是您的情况 - 高度）可以更改的事实。

我不完全确定“填充 div”在整体布局中扮演什么角色 - 也许更详细的示例可以帮助我们理解。