javascript - jQuery nth-child nth-of-type 不工作

标签 javascript jquery jquery-selectors

我需要在 x 个元素后插入一个clearfix div,以便获得格式良好的列。

我已经尝试了 :nth-child:nth-of-type,但我只在前 x 个项目之后添加了一个 div。

$('#content .product-layout:nth-child(3)').after('<div class="clearfix visible-lg"></div>');

在第三个 .product-layout div 之后创建一个 div。

$('#product-row div:nth-child(3)').after('<div class="clearfix visible-lg"></div>');

在第三个 .product-layout div 之后创建一个 div。

我需要在每个第三个现有产品布局 div 之后创建 div。

我到底做错了什么?

最佳答案

您缺少 n 来选择 #contentproduct-layout 类中的每三个子元素:

$('#content .product-layout:nth-child(3n)').after('<div class="clearfix visible-lg"></div>');
// ----------------------------------  ^ here

关于javascript - jQuery nth-child nth-of-type 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22553536/

相关文章:

javascript - 无法使用 GSettings 更改 dconf-entry

javascript - 对一个容器中的几个项目的延迟效果的自动化

jQuery 显示下一个父 div

javascript - 从基于 session 的 token 机制转向 OAuth 2.0 机制

javascript - js中的变量在执行前都是转化为对象吗?

jquery - 如何克隆已被 jQuery UI Widget 绑定(bind)的元素?

javascript - 一旦 session 存储!=未定义,如何运行函数

javascript - 如何在书签中嵌套 jquery 和 jquery-ui 的 cdn 加载?

javascript - 选择通配符子类并将类添加到父类

javascript - 为什么在 IE 中加载图像不显示在页面的中心底部?