jQuery compter les éléments enfants

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>

Je veux compter le nombre total de <li> éléments <div id="selected"></div>. Comment est-ce possible à l'aide de jQuery .children([selector])?

Answer 1

Vous pouvez utiliser .length avec juste un sélecteur de descendant, comme ceci:

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

Si vous devez utiliser .children(), puis c'est comme ça:

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

Vous pouvez tester les deux versions ici.

Answer 2

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

ou:

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

Answer 3

plus rapide:

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

Answer 4

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

Vous probablement peut également omettre li chez les enfants du sélecteur.

Voir .length.

Answer 5

Vous pouvez utiliser JavaScript (qui n'ont pas besoin de jQuery)

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