JQuery选择器:(class1 OR class2)AND(class3 OR class4) - 如何编写这个选择器？

Question

我有一个网页,其中显示了元素,侧面有一个过滤选项.用户可以过滤多个类别.

这有点像Amazon.com,您可以按价格或品牌等过滤搜索结果.

因此,如果我的用户检查$ 10- $ 25和$ 25- $ 50,但不是$ 50- $ 100或任何其他价格范围,则选择器应返回与$ 10- $ 25或$ 25- $ 50相匹配的商品,但不应退回掉落的商品在任何其他价格范围内.如果用户另外检查"蓝色"和"红色"但不检查任何其他颜色,则选择器应返回蓝色或红色的项目,但应保留价格范围内的原始选择.

所有这些选项都是作为类提供的,所以我想要一个看起来像这样的选择器:

(.tenToTwentyfive OR .twentyfiveFift) AND (.Blue OR .Red).

这可能吗？谢谢.

Answer 1

你可以使用过滤器:

$('.tenToTwentyfive, .twentyfiveFift').filter('.Blue, .Red');

如果你真的需要在一个选择器中拥有所有东西(这意味着你在使用一个设计糟糕的插件),你可以使用

'.tenToTwentyfive.Blue, .tenToTwentyfive.Red, .twentyfiveFift.Blue, .twentyfiveFift.Red'