2011-12-07 136 views
5

我们正在努力的过滤系统,你在哪里得到的选项组,例如在:你可以用(稍微更多)高级逻辑来分组jQuery选择器吗?

颜色 红,蓝,绿

价格范围 £0〜£5,£ 6-£10,£11 +

阿迪达斯,耐克,匡威

每个选项是单个复选框。我们用下面的逻辑过滤:

  • 或从组选项
  • 加入那些有AND

所以,如果我是检查红,蓝,£0〜£5,耐克与Converse,逻辑将是:

(红色或蓝色)和(0-5£)AND(耐克OR匡威)

每个复选框有一个ID。我希望使用上面的逻辑构建选择器,但我不确定在jQuery中使用它的最佳方式。显然,与运算都只是附加和ORS(或等值)在这些选择使用的命令,但将打破逻辑不进行分组的一些方法,即:

$('(#red,#blue)(#price0to5)(#nike,#converse)')

任何建议或替代方案?

+1

的可能的复制[化合物jQuery选择] (http://stackoverflow.com/questions/8071351/compound-jquery-selectors)。 –

回答

8

让我们假设你有适用的阶级身份一堆物品:

<div class="red nike underfive"></div> 
<div class="blue green converse elevenup"></div> 
<div class="blue converse underfive"></div> 

手术室相当于逗号,而与运算需要链接:

$(".red,.blue").filter(".underfive").filter(".nike,.converse"); // 1 and 3 
$(".green").filter(".underfive"); // empty 
$(".blue").filter(".green"); // 2 
+0

不错 - 谢谢:) – LeonardChallis

相关问题