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>

Я хочу, чтобы подсчитать общее количество <li> элементов в <div id="selected"></div>. Как это возможно, используя jQuery's .children([selector])?

Answer 1

Вы можете использовать .length с только descendant selector, как это:

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

быстрый один:

$("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

Просто можно с 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>