Come posso contare il numero di bambini?

Question

Ho una lista

<ul> 
    <li> 
    <li> 
    <li> 
    ... 
</ul> 

Ho bisogno jQuery per contare il numero di elementi nella mia lista.

Answer 1

È possibile utilizzare .length, in questo modo:

var count = $("ul li").length; 

.length dice quante partite il selettore trovato, quindi questo conta quanti <li> sotto <ul> elementi si deve ... se ci sono sotto-figli, l'uso "ul > li" invece di ottenere solo diretti bambini. Se nella tua pagina ci sono altri elementi <ul>, basta cambiare il selettore in modo che corrisponda solo al suo, ad esempio se ha un ID che useresti "#myListID > li".

In altre situazioni in cui non si conosce il tipo di bambino, è possibile utilizzare il selettore * (jolly), o .children(), in questo modo:

var count = $(".parentSelector > *").length; 

o:

var count = $(".parentSelector").children().length; 

Answer 2

Try per utilizzare:

var count = $("ul > li").size(); 
alert(count); 

Answer 3

Cosa succede se si utilizza questo per determinare il selettore di corrente per trovare i suoi figli quindi questo vale: <ol> poi c'è <li> s sotto come scrivere un selettore var count = $(this+"> li").length; abituato lavoro ..

Answer 4

Non è necessario jQuery per questo. Puoi utilizzare JavaScript .childNodes.length.

Assicurati di sottrarre 1 se non vuoi includere il nodo di testo predefinito (che è vuoto di default). Così, si utilizza la seguente:.

var count = elem.childNodes.length - 1;