JQuery nth-child добавить HTML после

Question

У меня есть простой неупорядоченный список из 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>

Answer 1

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

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