web-dev-qa-db-ja.com

jQuery countの子要素

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

296
gautamlakum

.length は、 の子孫セレクタ と共に使用できます。

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

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

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

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

554
Nick Craver
$("#selected > ul > li").size()

または

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

最速のもの:

$("div#selected ul li").length
17
Ali Tarhini
var length = $('#selected ul').children('li').length
// or the same:
var length = $('#selected ul > li').length

子供のセレクターでliを省略することもできます。

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

14
Felix Kling

あなたはJavaScriptを使うことができます(jQueryを必要としません)

document.querySelectorAll('#selected li').length;
13
$('#selected ul').children().length;

あるいはもっと良い

 $('#selected li').length;
10
Martin Algesten

純粋な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>
4
Mo.

純粋な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>
0