jQuery nth-child agregar html después de

Question

Tengo una lista desordenada simple con 16 elementos de lista. Deseo agregar un nuevo elemento de lista después de cada cuarto elemento de lista existente usando jQuery

¿Cómo lo haría? Código de abajo:

<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

Utilizando el selector de :nth-child (documentation):

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