Question

我在一个容器中保留了一些元素。为了更好的可见性，奇数元素具有其他背景颜有时我需要用条件过滤元素，所以不需要的元素我移动到另一个类，但似乎nth-child保持旧状态。即使我使用jQuery使其保持动态仍然保持旧状态。

我更希望将已使用和未使用的元素保存在同一容器中 - 如果我将它们分开并更改过滤器，则需要再次对可见元素进行排序。

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

您有任何想法如何解决吗？提前谢谢！

Answer 1

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

改变班级时，n-child（单数）不能正常工作

1 个答案: