jquery - 使用 JQuery 在某些 div 之后插入 div

Question

我有通过 WordPress 循环显示的 div.. 大约 60 个链接到帖子的缩略图（很多缩略图，我知道）.. 显然，它们都在 div 中。:) 我想在我选择的任何帖子 div 之后插入这些 div... 在 jQuery 中。insertAfter据我所知，你可以用......做类似的事情

$('.test').insertAfter('.inner');

但是我想在通过我的 WordPress 循环显示的特定数量的帖子 div 之后插入 div。所以我想在第 10、20、30、40 和 50 个后缩略图 div 之后插入一个 div。

这在 jQuery 中是否可行，如果可以，我将如何去做？

Answer 1

选择你想要的孩子（你的~60个div）：

$( ".parent div" )

然后，过滤掉除每个第 n 项之外的所有子项：

$( ".parent div:nth-of-type(10n)" )

然后你可以<p>在集合中的每个元素之后插入你的：

$( ".parent div:nth-of-type(10n)" ).after( "<p>Test</p>" );

Answer 2

您可以使用filter和模运算符：

$('.inner').filter(function(i) { return i % 10 === 0; }).after('...');

Answer 3

是的，您可以使用$.eq. 这是文档

var max_post = 1000;
var divs = $("div.inner");
for(var index = 10; index < max_post; index+=10)
{
     var obj = divs.eq(index);
     $('.test').insertAfter(obj);
}