jQuery nth-child add html after

Question

I have a simple unordered list with 16 list items. I want to add a new list item after every fourth existing list item using jQuery

How would I do that? Code below:<

Answer 1

Using the :nth-child selector (documentation):

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