Jquery 在WordPress中的x个段落后自动放置一个特色图像？

我目前正在使用WordPress。我的要求是能够放置一个图像-在类型上传-后每2段

现在，我知道如何从类型中提取字段。我不确定的是，（也许这是用Javascript完成的？）如何在2段之后自动放置一个图像，然后在4段之后自动放置另一个图像，等等

这可能吗？我非常有限的jQuery知识告诉我它可能与第n个子选择器或其他什么有关？但这只是一个猜测

---

任何帮助都将不胜感激。

以下是一个如何做到这一点的示例：

假设您有一个图像URL数组：

var imgs = ['1.jpg', '2.jpg', '3.jpg'];

以及带有

n

段落的div：

<div id="theDiv">
    <p>Foo</p>
    <p>Bar</p>
    ...
</div>

福

酒吧

...

您可以循环浏览每一段，并在每一段之后插入图像，如下所示：

var $div = $('#theDiv');
var $paragraphs = $('p:nth-child(2n)', $div);
var n = 0;
$paragraphs.each(function () {
    var $newImage = $('<img src="' + imgs[n] + '" />'); // Creates an img tag
    $newImage.insertAfter(this);  // Inserts the img after the current paragraph
    n++;
});

var$div=$（'theDiv'）；
var$段落=$（'p:n个孩子（2n）'$div）；
var n=0；
$段落。每个（函数（）{
var$newImage=$（''）；//创建一个img标记
$newImage.insertAfter（this）；//在当前段落后插入img
n++；
});

有一种方法可以在没有jquery的情况下实现这一点，仅使用php和将要执行的自定义循环，在该循环中，您将定义一个递增变量，并使用基本的数学函数每隔一篇文章显示一个结果，如下所示：

$x = 1; while (have_posts()) : the_post();
if (($x % 2) == 1 && $x != 1)   {
// Display your custom image here
}

$x++; endwhile;

---

这将在每第二篇文章之后显示一个图像，而不是段落。