Javascript 第n个孩子（奇数）在换班时工作不正常

我把一些元素放在一个容器中。为了更好的可见性，奇数元素有其他背景色。有时我需要过滤带有条件的元素，所以不需要的元素我会移动到另一个类，但似乎第n个孩子保持旧状态。即使我使用jQuery使其动态化，它仍然保持旧状态

我更喜欢将使用过的和未使用过的元素放在同一个容器中——如果我将它们分开并更改过滤器，则需要再次对可见元素进行排序

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

你有办法解决吗？
提前谢谢

皮特的答案是：

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", "");
}

var visibled=$（“.item”）；
对于（变量i=0；i

寻求调试帮助的问题（“为什么此代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。请不要忽视规则。但是我猜你的问题是你认为第n个子元素是一个类选择器——它不是，它是一个元素选择器：元素只是隐藏的。它们仍然存在，所以它们仍然被认为是偶数/奇数索引的一部分@皮特：是的，我想这是一个班级选择器。上述语句的主要部分在于问题本身——到jsfiddle.net的链接必须附带代码。