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'); 

上面的代码将寻找在elem的兄弟姐妹水平二者i和span元件。

Answer 2

假设只有在没有i元素时才应该选择span。

您可以检查返回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');