jQuery elementos de recuento niño

261

<div id="selected"> 
 
    <ul> 
 
    <li>29</li> 
 
    <li>16</li> 
 
    <li>5</li> 
 
    <li>8</li> 
 
    <li>10</li> 
 
    <li>7</li> 
 
    </ul> 
 
</div>

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

Fuente

2010-11-27 gautamlakum

http://stackoverflow.com/questions/250688/count- immediate-child-div-elements-using-jquery – onder

498

Puede utilizar .length con sólo un descendant selector, así:

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

Si usted tiene que utilizar .children(), entonces es como esta:

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

You can test both versions here.

Fuente

2010-11-27 10:25:04

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

Probablemente también se puede omitir li en el selector de los niños.

Ver .length.

Fuente

2010-11-27 10:24:58

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

o incluso mejor

$('#selected li').length;

Fuente

2010-11-27 10:26:37

más rápido uno:

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

Fuente

2010-11-27 10:26:50

Este no es el más rápido, de hecho lo desaceleró al agregar 'div' allí :) –

pruébelo y compare el tiempo –

Realmente depende de qué ceja ser que usas En muchos navegadores modernos, agregar el elemento usa findByElement antes de buscar por id o clase, que es más lento. Pronto, este será un punto discutible de cualquier manera, porque todas las búsquedas DOM se realizarán usando una función nativa. En cualquier caso, un simple getElementById ('selected') o $ ('# selected') sería más rápido en este punto. –

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

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

Fuente

2010-11-27 10:27:05 stillstanding

Solo una nota .size() ha quedado en desuso en favor de .length –

Usted puede utilizar JavaScr IPT (no se necesita jQuery)

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

Fuente

2013-06-26 10:09:51

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>

Fuente

2015-11-03 07:35:07 Muhammed

Respuesta

Cuestiones relacionadas