javascript - 使用 JQuery 每隔一定数量的 child 插入 HTML 元素

Question

我有一个未知数量的 LI 元素列表。我想做的是每隔一定数量的 LI 插入另一个 LI。

也就是说，例如，每 6 个(这个数字可能会改变)我想插入另一个 LI 元素。有办法做到这一点吗？

谢谢

编辑:

主要问题是我不知道之前的数字，因为它来自数学运算。我可以让这个数字动态化吗？这是我尝试做的:

var n  = Math.floor(wd/114);
$('.carousel-inner ul li:nth-child('.n.'n)').after('<div>after</div>');

但这似乎行不通。

编辑 2:

我混淆了 JS 和 PHP 语法，我只是使用“+”修复了它。

Answer 1

使用 nth-child selector

$('ul li:nth-child(6n)').after('<li>after</li>')

演示:Fiddle

---

动态编号

var n  = Math.floor(wd/114);
$('.carousel-inner ul li:nth-child(' + n + 'n)').after('<li>after</li>');