Javascript jQuery第n个子项第n个类型不起作用

Javascript jQuery第n个子项第n个类型不起作用,javascript,jquery,jquery-selectors,Javascript,Jquery,Jquery Selectors,我需要在x个元素之后插入一个clearfix div,这样我就可以得到格式良好的列 我尝试了:n个child和:n个类型,只在前x个项目后添加了一个div $('#content .product-layout:nth-child(3)').after('<div class="clearfix visible-lg"></div>'); $(“#内容.产品布局:第n个子项(3)”)。在(“”)之后; 在第三个.product layout div之后创建一个div

我需要在x个元素之后插入一个clearfix div,这样我就可以得到格式良好的列

我尝试了
:n个child
:n个类型
,只在前x个项目后添加了一个div

$('#content .product-layout:nth-child(3)').after('<div class="clearfix visible-lg"></div>');
$(“#内容.产品布局:第n个子项(3)”)。在(“”)之后;
在第三个.product layout div之后创建一个div

$('#product-row div:nth-child(3)').after('<div class="clearfix visible-lg"></div>');
$(“#产品行分区:第n个子项(3)”)。在(“”)之后;
在第三个.product layout div之后创建一个div

$('#product-row div:nth-child(3)').after('<div class="clearfix visible-lg"></div>');
我需要在每个第三个现有产品布局div之后创建div

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

我到底做错了什么?

对于重复元素列表,需要使用
3n
:第n个子元素(3)
仅选择第3个子元素,其中as
:第n个子元素(3n)
将选择3、6、9。。。等

$('#product-row div:nth-child(3n)').after('<div class="clearfix visible-lg"></div>');
$(“#产品行分区:第n个子项(3n)”)。在(“”)之后;
演示:


您缺少
n
来选择具有
内容的类
产品布局
的第三个子元素:

$('#content .product-layout:nth-child(3n)').after('<div class="clearfix visible-lg"></div>');
// ----------------------------------  ^ here
$(“#内容.产品布局:第n个子项(3n)”)。在(“”)之后;
//---------------------------------------这里

Geez。我看到它是3n,但在示例中它只是一个没有n的数字。谢谢。很高兴它有帮助!快乐的编码伙伴:-)