jQueryは子要素を数えます

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

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

次のように.length、子孫セレクターだけで使用できます。

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

を使用する必要がある場合は.children()、次のようになります。

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

ここで両方のバージョンをテストできます。

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

または：

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

最速のもの：

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

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

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

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

JavaScriptを使用できます（jQueryは必要ありません）

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

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

またはそれ以上

 $('#selected li').length;

childElementCount純粋なJavaScriptで簡単に可能です

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>

純粋なjs

selected.children[0].children.length;

let num = selected.children[0].children.length;

console.log(num);

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