Una forma de evitar utilizar php ($i++) para mostrar un clear:both cada “x” columnas de un determinado listado. Muy útil si por ejemplo tenemos un listado de fotos distribuidas en este caso 3 columnas y de diferentes alturas:

Indicamos el nº: nth-child(3n+3) y insertamos despues: after() el codigo html:

$('.listado li:nth-child(3n+3)').after('<div style="clear:both"></div>');

Resultado:

<li><img src="foto1.jpg" /></li>;
<li><img src="foto2.jpg" /></li>;
<li><img src="foto3.jpg" /></li>;
<div style="clear:both"></div>
<li><img src="foto4.jpg" /></li>;
<li><img src="foto5.jpg" /></li>;
<li><img src="foto6.jpg" /></li>;
<div style="clear:both"></div>

Agradezco tu comentario 🤘