親の隠れたulから子のulの数を取得します

Question

子のulのカウントを表示なしの親ulから取得したいと考えています。下の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の機能を試してみましたが、私はいずれかが、私は同じのためのソリューションをjQueryの与えてくださいすることができ、結果に0

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

を取得しています。

おかげで、

ビネーシュKUMAR

Answer 1

あなただけの親で見つかった子供ulの数を取得するために.lengthを使用することができます。

コンソールを確認してください。 https://jsfiddle.net/oL24k2Lt/2/

Answer 2

これを試してみてください：

$("ul.parent-div ul.child-div").length; 

これはカウントする.LENGTHクラスの親のdiv 'とを持つUL内のすべてのul要素持つクラスの子-DIV」を取得します結果。
ここでの動作例を参照してください。https://jsfiddle.net/neeraj_webdev/8v71ja0p/1/