Элементы дочерних элементов 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> Ответ 1 Вы можете использовать .length только с помощью селектора потомков, например: var count = $("#selected li").length; Если вам нужно использовать .children(), то это примерно так: var count = $("#selected ul").children().length; Вы можете протестировать обе версии здесь. Ответ 2 $("#selected > ul > li").size() или $("#selected > ul > li").length Ответ 3 самый быстрый: $("div#selected ul li").length Ответ 4 var length = $('#selected ul').children('li').length // or the same: var length = $('#selected ul > li').length Вероятно, вы также можете опустить li в селектор для детей. См. .length. Ответ 5 Вы можете использовать JavaScript (не нужно jQuery) document.querySelectorAll('#selected li').length; Ответ 6 $('#selected ul').children().length; или даже лучше $('#selected li').length; Ответ 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> Ответ 8 чистый 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>
Ответ 1 Вы можете использовать .length только с помощью селектора потомков, например: var count = $("#selected li").length; Если вам нужно использовать .children(), то это примерно так: var count = $("#selected ul").children().length; Вы можете протестировать обе версии здесь.
Ответ 4 var length = $('#selected ul').children('li').length // or the same: var length = $('#selected ul > li').length Вероятно, вы также можете опустить li в селектор для детей. См. .length.
Ответ 5 Вы можете использовать JavaScript (не нужно jQuery) document.querySelectorAll('#selected li').length;
Ответ 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>
Ответ 8 чистый 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>