JQuery селектор родственный с несколькими типами

Question

Например, если я следующее:

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

, который смотрит на элемент и выбирает все <i> элементы на том же уровне. Как я могу добавить к тому, что если siblingIcon не содержит ничего (потому что не было найдено никаких <i> элементов, чтобы искать довольно <span> элементов?

так ..

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

Answer 1

Вы можете использовать multiple selector там,

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

Приведенный выше код будет выглядеть как для i и span элементов в уровне братьев и сестер из elem.

Answer 2

Предполагая, что целью является то, что span следует выбирать только в том случае, если нет элемента i.

Вы можете проверить размер объекта, возвращенного Jquery

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

или непосредственно length

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