javascript - 按顺序在4条文章后添加div

我有这个html代码：

<div class="wrap">
    <h2></h2>
    <article></article>
    <article></article>
    <article></article>
    <article></article>
    <h2></h2>
    <article></article>
    <article></article>
    <h2></h2>
    <article></article>
    <article></article>
    <article></article>
    <article></article>
    <h2></h2>
    <article></article>
    <article></article>
    <article></article>
    <h2></h2>
    <article></article>
</div>

我正在尝试在4个div之后依次添加一个article。

它看起来像这样：

<div class="wrap">
    <h2></h2>
    <article></article>
    <article></article>
    <article></article>
    <article></article>
    **<div></div>**
    <article></article>
    <h2></h2>
    <article></article>
    <article></article>
    <article></article>
    <article></article>
    **<div></div>**
    <article></article>
    <article></article>
    <h2></h2>
    <article></article>
    <article></article>
    <article></article>
    <h2></h2>
    <article></article>
</div>

我已经尝试了很多方法，但是似乎都无法解决问题。

一些帮助，将不胜感激。

最佳答案

在jquery中将第n个子选择器与after结合使用。

$('article:nth-child(4n)').after('')

关于javascript - 按顺序在4条文章后添加div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24319654/