2011-12-07 100 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

相關問題