Как каждые 8 элементов оборачивать?

Question

[pegas]

Как каждые 8 элементов оборачивать в див?

$('span:nth-child(8n+1)').wrapAll('<div class="q1"></div>');

Данный код оборачивает только первые 8

Comments

[Dark Hole]

Селектора нет

[pegas]

Dark Hole: Всмысле? $('span:nth-child(8n+1)') разве не селектор выбирающий 8 элементов

[Dark Hole]

1PeGaS: селектор, выбирающий каждые восемь элементов

Answer 1

[iBird Rose]

https://jsfiddle.net/0fbku3nx/

Answer 2

[Павел]

$( ".class" ).append( "<div>New div</div>" );
Или insertBefore, insertAfter использовать

$('div.class').each(function() {
    $(this).before('<div class="addClass">');
    $(this).next().after('</div>');
    });

Ваш вариант по сути тоже рабочий, но Вы его написали неверно, вот верный:

$('.class1, class2').wrapAll('<div class="q1" />');

Ещё решение:

$(".class1").each(function(){
     $(this).nextUntil("div.class2").andSelf().wrapAll("<div class='q1'></div>");
});

Comments

[pegas]

При этом будет вложение в селектор

[Павел]

1PeGaS: Тогда так:
$('.divClass').each(function() {
$(this).before('');
$(this).next().after('');
});

[Павел]

Отредактировал

[pegas]

PavelMonro: В этом случае циклично перед каждым элементом происходит вставка, и после следующего за этим

[pegas]

+ если вставить только открывающий тег добавится и закрывающий

Answer 3

[Сергей Белоусов]

Вот способ который я использую https://jsfiddle.net/rastfart/w2oL4us8/

Comments

[pegas]

идеально