Как задать родительский элемент тегам?

Question

[Alexey10]

Всем привет)
Есть такое расположение блоков html.


Как с помощью jquery (или js) добавить родителя, тем div которые находятся после div с классом .block. То есть вот так:


Мой код:

$(".block").nextAll().each(function(index, el) {
  var parent = "<div class="parent"></div>"

  $(this).nextAll().wrapAll(parent);
  
});

Спасибо за помощь)

Comments

[Дмитрий]

Добрый вечер.
А как Вы пытались решить задачу?
Показывайте код.

[Alexey10]

slo_nik,

$(".block").nextAll().each(function(index, el) {
	var parent = "<div class="parent"></div>"

	$(this).nextAll().wrapAll(parent);
	
});

[Дмитрий]

Alexey10, код в вопрос добавьте, а не в ответ на комментарий.

Answer 1

[0xD34F]

Чьих next'ов надо обернуть и во что:

const itemsSelector = '.block';
const wrapperTag = 'div';
const wrapperClass = 'parent';

Оборачиваем:

const $items = $(itemsSelector);
$items.each(i => $items
  .eq(i)
  .nextUntil($items.get(i + 1))
  .wrapAll(`<${wrapperTag} class="${wrapperClass}">`)
);

или

document.querySelectorAll(itemsSelector).forEach((n, i, a) => {
  const elems = [];
  for (let el = n; (el = el.nextElementSibling) != a[-~i]; elems.push(el)) ;
  n.after(document.createElement(wrapperTag));
  n.nextSibling.classList.add(wrapperClass);
  n.nextSibling.append(...elems);
});

Comments

[Alexey10]

нет, не работает

[0xD34F]

Вы лжёте, конечно же работает.

[Alexey10]

0xD34F, =) я надеюсь, что лгу я. Если не сложно, сделайте jsfiddle.net, изобразите свою идею, то у меня не работает чего-то , может я ошибаюсь

[0xD34F]

Ссылка на песочницу есть, протрите глаза.

[Alexey10]

0xD34F, Спасибо хамло )

[0xD34F]

А вы то ещё чучело охреневшее - сначала в наглую лжёте, а потом я почему-то хамлом оказываюсь. Позволю себе дать вам небольшой совет: если единственное, что вы можете сказать, это "не работает", то лучше просто молчите.

[Alexey10]

0xD34F, ахахах, ну ты даешь. Если я уставший, просто не заметил, и код чуть чуть не так вставил , явно от усталости. И ты будешь хамить мне за это? разве это нормальное поведение человека?

[0xD34F]

Если я уставший...

Это никому не интересно.

Answer 2

[tyzberd]

если добавите класс для тех div которые нужно обернуть
то сначала использовать .nextAll() https://api.jquery.com/nextAll/
а потом .wrapAll()

Comments

[Alexey10]

Так а смысл в классе? что я по тегам прохожусь или по классам. После класса .block, может лижать любое количество тегов div