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提供的答案（我已经投票了），但你需要考虑孩子的数量是否足以满足你的目标。

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

我不完全确定'padding div'在整体布局中起什么作用 - 也许更详细的例子可以帮助我们理解。

在jquery中查找使用size（）的子节点数

3 个答案: