javascript - Add div after 4 article in sequence -

javascript - Add div after 4 article in sequence -

i have html code:

<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>

i'm trying add together div after 4 article in sequence.

it this:

<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>

i've tried many things none of them seem solve problem.

some help appreciated.

use nth kid selector in jquery combined after.

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

javascript jquery