<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])
を使ってそれはどのように可能ですか?
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;
純粋な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>
純粋な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>