在選擇器中支持jQuery嗎？

Question

我想知道如果jQuery可以做這樣的事情還是有另一種方式來做到這一點？

$(".row_c:last|.row_d:last").css("color","red"); 

我已經交變，我想找到最後一排要麼是row_c或者然而row_d美中不足的是，row_c或row_d被另一組交替行row_a和row_b之間插入這樣來說明行：

• row_a
• row_b
• row_c
• row_d
• row_c < - 需要找到這個
• row_a
• row_b

OR

• row_a
• row_b
• row_c
• row_d < - 需要找到這個
• row_a
• row_b

我們可以使用|或運營商在jQuery？或者有類似的東西嗎？

Answer 1

只需使用逗號作爲分隔符不同的選擇：

$(".row_c ~ .row_d", ".row_d ~ .row_c").css("color","red"); 

Answer 2

是的，我相信是這樣，但是在CSS方式（jsfiddle作爲證明）：

$(".row_c:last, .row_d:last").css("color","red"); 

編輯：

如果您只想匹配類row_c或row_d的最後一個元素，您可能希望Ø使用類似的東西（如jsfiddle證明）：

$(".row_c, .row_d").last().css("color","red"); 

Answer 3

你混合你的邏輯概念有點那裏。做一個簡單的or，你只要用逗號分隔您的選擇：

$(".this, .orThat") // looks for items with one or the other (or both) classes 

一個and將它們結合起來：

$(".thisClass.andThisClass") // looks for an item with both classes 

但我不認爲這是你在找什麼。您正在尋找一對特定的行，並希望對第二個項目採取行動。

我會做這樣的事情：

$(".row_d").next(".row_c").dosomething