2016-07-14 15 views
0

Zum Beispiel, wenn ich folgendes:JQuery Geschwister-Selektor mit mehreren Arten

var siblingIcon = $(elem).siblings('i'); 

, das an einem Element aussieht und wählt alle <i> Elemente auf dem gleichen Niveau. Wie kann ich hinzufügen, dass, wenn siblingIcon nichts enthalten (da keine <i> Elemente gefunden wurden, eher für <span> Elemente aus?

so ..

var siblingIcon = $(elem).siblings('i') || $(elem).siblings('span'); 

Antwort

3

Sie multiple selector dort verwenden können,

var siblingIcon = $(elem).siblings('i,span'); 

der obige Code sieht für beide i und span Elemente in der Geschwister Ebene des elem.

+0

Wird nicht diese Rückkehr 'span' unabhängig davon, ob es irgendwelche' I' Elemente vorhanden ist oder nicht ? – gurvinder372

+0

Ja, wird es. Aber OP erwähnte nichts über die Kriterien, wie "i" und "span" als Geschwister vorhanden sind. Ich hoffe, dass er das sucht. Wenn nicht, wird er seine Frage kommentieren oder bearbeiten. –

0

Angenommen, dass span nur ausgewählt werden soll, wenn kein i Element vorhanden ist.

können Sie überprüfen Sie die Größe der zurück jquery Objekt

var siblingIcon = $(elem).siblings('i').size() ? $(elem).siblings('i') : $(elem).siblings('span'); 

oder direkt length

var siblingIcon = $(elem).siblings('i').length ? $(elem).siblings('i') : $(elem).siblings('span'); 
Verwandte Themen