Ситуация такова, есть следующая структура:
<section class="row_clear">
<div></div>
<div></div>
<div></div>
<div></div>
</section>
В существующую структуру между вторым и третьим divом необходимо вставить специальный блок
<div class="clearfix hidden-lg"></div>
Чтоб получилось так:
<section class="row_clear">
<div></div>
<div></div>
<div class="clearfix hidden-lg"></div>
<div></div>
<div></div>
</section>
Вроде бы ничего сложного, вот код
var div = document.createElement('div');
div.className = "clearfix hidden-lg";
row_clear.insertBefore(div, row_clear.children[2]);
Но тут появилась проблема, подобных "row" блоков на странице может быть от 10 и больше. А с помощью 'cloneNode' не хочется реализовывать, так как код будет громадным, и для каждого нового 'row' придется создавать новую переменную...
Помогите решить данную проблему... нигде не могу найти нужный ответ...