更改類別時，第n個孩子（奇數）無法正常工作

我在一個容器中保留了一些元素。爲了更好的能見度，奇怪的元素有其他背景色有時候我需要用條件過濾元素，所以不需要的元素我會移動到另一個類中，但似乎沒有孩子保持舊狀態。即使我使用jQuery動態化它仍保持舊狀態。更改類別時，第n個孩子（奇數）無法正常工作

我寧願保留在同一容器中使用和未使用的元素 - 如果我將它們分開並更改過濾器，則需要再次對可見元素進行排序。

jsfiddle: http://jsfiddle.net/ex4740n2/5/

你有什麼想法如何解決它？
在此先感謝！

來源

2015-12-04 Synchro

問題尋求幫助調試（「爲什麼不是這個代碼的工作？」）必須包括所期望的行爲，一個特定的問題或錯誤的和必要的重現它最短的代碼**在問題本身**。請不要忽視規則。但我猜你的問題是你認爲'nnth-child'是一個類選擇器 - 不是，它是一個元素選擇器：http://stackoverflow.com/questions/5428676/nth-child-doesnt-respond-to -class – Pete

元素只能隱藏。它們仍然存在，所以它們仍然被認爲是偶數/奇數索引的一部分。 – nderscore

我把代碼，檢查jsfiddle鏈接。 @Pete但是，我想這是一個類選擇器。 – Synchro

答案由@Pete：

But I'm guessing your problem is that you think nth-child is a class selector - it's not, it's an element selector

所以，如果無法通過只CSS使它，它使用JS做。迭代可見元素並更改背景顏色。

var visibled = $(".item"); 

for (var i = 0; i < visibled.length; i += 2) { 
    $(visibled[i]).css("background-color", "rgba(190, 255, 196, 1)"); 
    $(visibled[i + 1]).css("background-color", ""); 
}

來源

2015-12-04 16:25:40 Synchro

更改類別時，第n個孩子（奇數）無法正常工作

回答

相關問題