JQuery nth-child add html после

У меня есть простой неупорядоченный список с 16 элементами списка. Я хочу добавить новый элемент списка после каждого четвертого существующего элемента списка с помощью jQuery

Как мне это сделать? Код ниже:

<ul>
    <li>some stuff</li>
    <li>some stuff</li>
    <li>some stuff</li>
    <li>some stuff</li>

    <li class="clear">This is what I want to add</li>

    <li>some stuff</li>
    <li>some stuff</li>
    <li>some stuff</li>
    <li>some stuff</li>

    <li class="clear">This is what I want to add</li>

    and so on...
</ul>

Ответы

Ответ 1

Используя селектор :nth-child (документация):

$('ul li:nth-child(4n)').after('<li class="clear">This is what I want to add</li>')