jQuery: Verifica se esiste l'elemento successivo

Question

C'è un modo per verificare se esiste un elemento successivo? Controlla il mio codice:

if($("#people .making-of .mask ul li.current").next("li") != null) { 
    alert("Exists"); 
} 
else { 
    alert("Dont exists"); 
} 

Cosa sto facendo male? Molte grazie!

Answer 1

Hai provato a guardare .next('li').length?

Answer 2

if($("#people .making-of .mask ul li.current").next("li").length > 0) { 
    alert("Exists"); 
} 
else { 
    alert("Dont exists"); 
} 

Answer 3

Usa jQuery .is(), utilizzando .is() si può anche verificare quali tag, classe o ID successivo elemento hanno?

if($("#people .making-of .mask ul li.current").next().is('li')) { 
    alert("Exists"); 
} 
else { 
    alert("Dont exists"); 
} 

Answer 4

Il metodo più breve è proprio:

if($(...).next('li')[0]) { 

Poiché le funzioni jQuery restituiscono sempre un oggetto jQuery, non è mai uguale a null. Ma l'accesso a un oggetto jQuery come un array si comporta come se si stesse utilizzando una matrice di oggetti DOM, quindi [0] estrarrà il primo elemento DOM corrispondente o null. Anche il controllo .length() contro 0 funziona.

Answer 5

Come nel post precedente, è necessario controllare la lunghezza dell'articolo. Jquery.next() restituisce sempre un oggetto jQuery, ma se non v'è alcun elemento successivo, avrà una lunghezza di 0.

if($("#people .making-of .mask ul li.current").next("li").length > 0) { 
    alert("Exists"); 
} 
else { 
    alert("Dont exists"); 
} 

Answer 6

Utilizzare il metodo length in jQuery:

if($(...).next().length > 0) { 
    alert("Exists.") 
} else { 
    alert("Doesn't exist!") 
}