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格）：

$( ".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做到这一点。这是doc

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);
}

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

3 个答案: