具有多种类型的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');