使用jQuery剥离div(更改行)

Question

我有一个包含动态行和字段的表单。例如，我有这样的结构：

visible div
visible div
hidden div
visible div

当使用div:nth-child(odd)和div:nth-child(even)时，它看起来像这样可见：

striped
unstriped
unstriped

因为第三个div不可见。

我如何使用jQuery来确保它基于可见元素而非不可见元素进行条纹化？

Answer 1

更改CSS选择器，您正在选择div:nth-child(odd)。

您可以向可见元素添加一个类并按div.visible:nth-child(odd)进行选择，反之亦然。向不可见元素添加类并按如下div:not(.invisible):nth-child(odd)进行选择。