javascript - examples - jQuery cuenta elementos infantiles

jquery link

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>

Quiero contar el número total de elementos <li> en <div id="selected"></div> . ¿Cómo es posible usar .children([selector]) jQuery?

Answer 1

Es simplemente posible con childElementCount en javascript puro

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>

Answer 2

Puede usar .length con solo un selector de descendientes , como este:

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

Si tienes que usar .children() , entonces es así:

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

Puedes probar ambas versiones aquí .

Answer 3

Puedes usar JavaScript (no necesitas jQuery)

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

Answer 4

el más rápido

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

Answer 5

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

o:

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

Answer 6

$(''#selected ul'').children().length;

o mejor

 $(''#selected li'').length;

Answer 7

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

Probablemente también podría omitir li en el selector de niños.

Ver .length .