jquery - 第 n 个 child 。每第 4/5 个、第 9/10 个、第 14/15 个元素为目标

标签 jquery css css-selectors

我正在创建一个小博客布局,我希望每第 4 和 5、10 和 11、14 和 15 等帖子都有一个不同的类。

所以基本上会有 3 个常规帖子,然后 2 个这个新类别的帖子,3 个常规帖子,2 个新类别的帖子,等等。

:nth-child 让我困惑,所以有人能指出我正确的方向吗?

最佳答案

您可以使用nth-child选择器,您正在选择 5n - 15n 元素

$('ul').children(':nth-child(5n-1), :nth-child(5n)').append('text')

演示:Fiddle

关于jquery - 第 n 个 child 。每第 4/5 个、第 9/10 个、第 14/15 个元素为目标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20289701/

相关文章:

javascript - Jquery 选择两个特殊元素之间的元素

html - 获取溢出-y :scroll to work with fixed positioning html & css

css - 为什么我的 CSS 不适用于我所有的 EJS 循环?

css - ".class"和 "* html .class"和 "html>body .class"之间的区别

javascript - 由于 AJAX 加载程序,Selenium 脚本失败

jquery - 直接从客户端访问Mongodb

嵌套 CSS 类的 Javascript 正则表达式

html - 根据第 n 个术语计数设置 CSS 样式

css - First-of-type 和 Last-of-type 的 CSS 技巧导致圆边在 IE11 中显得更短

jquery - 当链接到 JQuery 脚本时,可以使用 JQuery 网站上的脚本吗?