Question

我想从父UI中获取子uls的数量，显示无。从下面的html代码中，我想知道有多少“child-div”拥有“parent-div”类。

我有一个像下面这样的HTML代码。

<ul class="parent-div" style="diplay: none;">    
    <ul class="child-div">
        <li>
        ......
        ......
        </li>    
    </ul>    
    <ul class="child-div">
        <li>
        ......
        ......
        </li>    
    <ul>    
    <ul class="child-div">
        <li>
        ......
        ......
        </li>   
    </ul>
</ul>

我已经尝试了下面的jquery函数，但我得到的结果为0。

<script>
    $(document).ready(function() {
        var count   =   $('.parent-div > .child-div').length;
        alert(count);
     )};
</script>

任何人都可以给我jquery解决方案。

谢谢，

VIGNESH KUMAR

Answer 1

您可以使用.length来获取在父母身上找到的子女数量ul。

检查您的控制台。 https://jsfiddle.net/oL24k2Lt/2/

Answer 2

试试这个：

   SELECT * FROM trips
   WHERE vehicle != 'vehicle1'
   WHILE contract = 'contract1'

这将使所有ul元素具有class＆＃39; child-div＆＃39;在ul里面有一个类＆＃39; parent-div＆＃39;和 .length 来计算结果。
请参阅此处的工作示例：https://jsfiddle.net/neeraj_webdev/8v71ja0p/1/

从父隐藏的ul获取子ul的计数

2 个答案: