Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.08.2020, 10:33
Аватар для Diiim
Интересующийся
Отправить личное сообщение для Diiim Посмотреть профиль Найти все сообщения от Diiim
 
Регистрация: 07.03.2018
Сообщений: 20

Добавить div после каждого второго jQuery
Доброго времени, уважаемые форумчане!

Делаю себе блог на 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>');
Ответить с цитированием
  #2 (permalink)  
Старый 04.08.2020, 11:05
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

$('.row-clear .col-clear:nth-child(2n+0)').after('<div class="clearfix"/>')
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Необходимо добавить еще один DIV. И получить значение. svileff Javascript под браузер 25 09.12.2019 23:29
Добавить блок после класса на js Jolly Общие вопросы Javascript 4 15.08.2018 23:45
Как добавить таблицу в cookie? jQuery derbass jQuery 7 24.12.2012 08:05
Аjax запрос формирует div с изображениями, нужно показать после загрузки изображений Khmelevsky AJAX и COMET 2 13.09.2010 23:16
Добавить кнопку после каждой ссылки… exec jQuery 0 21.01.2010 18:18