Скрипт добавления разделителя в каждом третьем элементе. Как правильно написать код?

Question

[advancesss]

Здравствуйте, есть код, который должен добавлять разделитель div="clear" в каждый третий элемент. Но не работает. Как правильно оформить?

$('.popular-tems width33:nth-child(3n+3)').on(function(e) {
		 var div = document.createElement('div');
         div.className = "clear";

	 });

Comments

[Сергей Горностаев]

Java и JavaScript - абсолютно разные языки, у которых общего только 4 буквы в названии.

[Митя ТоДаСё]

а почему 3n+3 разве не просто 3n?

[FKV]

$('.popular-tems .width33:nth-child(3n)').after('<div class="clear"><\div>');

Answer 1

[Павел Беляев]

$('.popular-tems width33:nth-child(3n+3)').insertAfter('<div class="clear"></div>');

Только что такое width33? Если класс то .width33

Можно еще поиграться на чистом CSS через ::after

Comments

[advancesss]

Спасибо. Но как я понимаю insertAfter добавляет элемент внутрь блока? А надо за пределами блока, так как в случае если будет добавляться внутрь то .clear не будет обнулять действие float:left

[advancesss]

Да, width33 - это класс

<div class="popular-tems">
<div class="width33"></div>
<div class="width33"></div>
<div class="width33"></div>
<div class="width33"></div>
<div class="width33"></div>
<div class="width33"></div>
<div class="width33"></div>
<div class="width33"></div>
</div>

.width33 {float:left;width:33%}

Answer 2

[grinat]

Это надо делать на css.