jQuery OR Selector？

Question

我想知道是否有一种方法在jQuery选择器中具有“或”逻辑。例如，我知道一个元素是类classA或classB的元素的后代，我想要做类似elem.parents('.classA or .classB')的事情。 jQuery是否提供这样的功能？

Answer 1

使用逗号。

'.classA, .classB' 

您可以选择省略该空间。

Answer 2

如果您有多个需要连接的jQuery对象，那么使用逗号可能不够。

的.add()方法将所选内容到结果集：

// classA OR classB 
jQuery('.classA').add('.classB'); 

它比'.classA, .classB'更详细的，但可让您构建更复杂的选择如下所示：

// (classA which has <p> descendant) OR (<div> ancestors of classB) 
jQuery('.classA').has('p').add(jQuery('.classB').parents('div')); 

Answer 3

我已经写一个令人难以置信的简单（5行代码）插件完全适用于此功能：

http://byrichardpowell.github.com/jquery-or/

它允许您有效地说“获取此元素，或者如果该元素不存在，则使用此元素”。例如：

$('#doesntExist').or('#exists'); 

虽然接受的答案提供了类似的功能这一点，如果两个选择（&前的逗号后）存在，无论是选择将被退回。

我希望这对任何可能通过谷歌登录此页面的人都有帮助。

Answer 4

如果您要使用element = element1 ||的标准构造， element2其中JavaScript将返回第一个真实的，你可以做到这一点：

element = $('#someParentElement .somethingToBeFound') || $('#someParentElement .somethingElseToBeFound'); 

这将返回第一个实际发现的元素。但更好的方法很可能是使用jQuery选择逗号构造（返回找到的元素的数组）以这种方式：

element = $('#someParentElement').find('.somethingToBeFound, .somethingElseToBeFound')[0]; 

将返回找到的第一个元素。

我经常使用它来查找列表中的活动元素，或者在没有活动元素的情况下找到某个默认元素。例如：

element = $('ul#someList').find('li.active, li:first')[0] 

这将返回任何li与活动的类或应该没有，只会返回最后一个李。

两者都可以工作。尽管如此，有潜在的性能损失只要找到真正的东西就会停止处理，而数组方法将尝试找到所有元素，即使它已经找到了一个元素。然后再次使用||构造可能会遇到性能问题，如果它必须经过几个选择器才能找到它会返回的，因为它必须调用每个主jQuery对象（我真的不知道这是否是性能打击，它可能是合乎逻辑的）。但是，一般来说，当选择器是一个相当长的字符串时，我使用数组方法。

Answer 5

Daniel A. White Solution非常适合上课。

我有一种情况，我必须找到输入字段，如donee_1_card其中1是一个索引。

我的解决方案已经

$("input[name^='donee']" && "input[name*='card']") 

虽然我不知道它是如何最佳。