Доброго времени, уважаемые форумчане!
Делаю себе блог на WP и возникла задача после каждого второго div добавлять div с классом "clearfix". Верстку делаю на bootstrap.
Сейчас посты выводятся в колонках, но они разной высоты и из за этого все едет.
Сейчас обычная вот такая разметка:
<div class="row row-clear">
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
</div>
Как мне при помощи jQuery после каждого 2-ого div добавить еще один с классом "clearfix"? Т.е. чтобы получилось вот так:
<div class="row row-clear">
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="clearfix"></div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="clearfix"></div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="col-sm-12 col-md-12 col-lg-6 top-20 bottom-20 col-clear">Тут посты</div>
<div class="clearfix"></div>
</div>
Нашел на просторах интернета такой скрипт, но он что то не корректно работает, а точнее не на каждой странице и не с каждой разметкой div'ов
$('.row-clear .col-clear').each(function(i,e){
(((i+1) % 3) == 0)
$(this).after('<div class="clearfix"></div>');