jQueryの子要素の数

Question

<div id="selected"> 
 
    <ul> 
 
    <li>29</li> 
 
    <li>16</li> 
 
    <li>5</li> 
 
    <li>8</li> 
 
    <li>10</li> 
 
    <li>7</li> 
 
    </ul> 
 
</div>

<div id="selected"></div>の<li>要素の合計数を数えたいと思います。どのようにjQueryの.children([selector])を使用して可能ですか？

Answer 1

あなたはこのように、ちょうどdescendant selectorで.lengthを使用することができます。

var count = $("#selected li").length; 

あなたが.children()を使用する必要がある場合、それはこのようなものだ：

var count = $("#selected ul").children().length; 

You can test both versions here。

Answer 2

var length = $('#selected ul').children('li').length 
// or the same: 
var length = $('#selected ul > li').length 

子セレクタでは、おそらくliを省略することもできます。

.lengthを参照してください。

Answer 3

$('#selected ul').children().length; 

またはより良い

$('#selected li').length; 

Answer 4

1最速：

$("div#selected ul li").length 

Answer 5

$("#selected > ul > li").size() 

か：

は

$("#selected > ul > li").length 

Answer 6

あなたはJavaScrを使用することができますIPT（jQueryの必要はありません）

document.querySelectorAll('#selected li').length; 

Answer 7

それは純粋なJavaScriptでchildElementCount

var countItems = document.getElementsByTagName("ul")[0].childElementCount; 
 
console.log(countItems);

<div id="selected"> 
 
    <ul> 
 
    <li>29</li> 
 
    <li>16</li> 
 
    <li>5</li> 
 
    <li>8</li> 
 
    <li>10</li> 
 
    <li>7</li> 
 
    </ul> 
 
</div>