Элементы дочерних элементов jQuery count

Ответ 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>