jQuery nth-child aggiungi html dopo

Question

Ho una semplice lista non ordinata con 16 voci di elenco. Voglio aggiungere un nuovo elemento dopo ogni quarto elemento dell'elenco esistente utilizzando jQuery

Come faccio? Codice qui sotto:

<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

Con il selettore :nth-child (documentation):

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