JQuery - Come faccio a contare il numero di elementi selezionati da un selettore?

Question

Sto usando $(). FadeOut() per dissolvenza elementi in un elenco (< li> </li>). Quando l'elenco è vuoto desidero nascondere un oggetto padre.

Ho intenzione di farlo controllando il mio evento trigger che sfuma l'elenco se il conteggio degli oggetti è 0, quindi nasconde l'elemento genitore. Posso usare il callback fadeOut per rimuovere gli elementi, se necessario.

La domanda del punto: Come si selezionano i tag li all'interno di un ul e quindi si ottiene il conteggio totale di essi utilizzando jquery?

Answer 1

Ti piace questa:

$('ul > li').length 

un modo più elegante per farlo sarebbe quello di scrivere

$('ul:empty').fadeOut(); 

Se il ul non è vuoto, il selettore non corrisponde nulla, e la codice non farà nulla.

Potrebbe essere necessario scrivere

$('.SomeContainer:has(ul:empty)').fadeOut(); 

Answer 2

Basta utilizzare .length contro la raccolta jQuery.

var $elements = $('ul#myUlElement').children('li'); 
alert($elements.length) 

Answer 3

uso .length

$('ul li').length // gives you back all li's in your ul 
$('ul > li').length // give just the first children li's 

così, al fine di nascondere il proprio genitore si può usare in questo modo:

elements = $('ul > li') 

if (elements.length) { 
    elements.fadeOut() 
}else{ 
    elements.parent().fadeOut() 
}