javascript - javascript 或 jquery 中的 nth-child 等效项

Question

我的问题目前只是 css 中的 nth-child 在 google chrome 上运行得很慢。

所以我想用替代选项(例如 javascript/jquery 或其他语言)编写此代码来执行完全相同的操作。

div.testbox:nth-child(4n+6) {
margin-left : 0px;
margin-right : 1%;
}
div.testbox:nth-child(4n+3) {
margin-left : 0px;
margin-right : 0px;
}

感谢任何帮助!

Answer 1

这是 jQuery 的等效项，

示例:

选择每个<p>作为其父元素的第三个子元素的元素:

$("p:nth-child(3)")

语法:

:nth-child(n|even|odd|formula)

或使用 eq();

选择第二个<p>元素:

$("p:eq(1)")

语法:

$(":eq(index)")

我会使用 jQuery，它的语法与 CSS 几乎完全相同。