jquery - 用 jQuery 分割 div(改变行)

标签 jquery css

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

visible div
visible div
hidden div
visible div

当使用 div:nth-child(odd)div:nth-child(even) 时,它看起来像这样:

striped
unstriped
unstriped

因为第三个 div 不可见。

我如何使用 jQuery 来确保它的 strip 化基于可见元素,而不是基于不可见元素?

最佳答案

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

您可以向可见元素添加一个类并通过 div.visible:nth-child(odd) 选择,反之亦然向不可见元素添加一个类并像这样选择 div:不(.invisible):第 n 个 child (奇数)

关于jquery - 用 jQuery 分割 div(改变行),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34370073/

相关文章:

javascript - 如何在 vuejs 中获取/设置 select2 值

php - 如何在 PHP 中创建一个可由 JavaScript 处理的多维关联数组?

html - 从 Photoshop 模型到语义 HTML 和 CSS 的最佳方式是什么?

asp.net - <q> 元素未在 IE 6.0 中识别

javascript - 使用 jquery 删除跨度

asp.net - 将复杂对象作为参数发送给 Asp.Net PageMethod

jquery - 使用 Ajax 更改按钮值不起作用

html - 组织带有注释的 CSS 代码的最佳方式是什么?

css - 使用 CSS3 媒体查询在 Samrty 中包含一个文件

html - 将 body floater 的最小高度调整为包含多个 div 的导航 floorer