Как обернуть контент в нужные тег через js?

Question

[Егор Антропов]

Как через js оборачивать контент в теги?

Мне нужно в вордпрессовском календаре выбрать определённые даты, добавить к их td класс active и обернуть само число в div с классом text. Нужные td я выбрал и класс active задал, а контент обернуть не получается.

Нужно обернуть выбранный текст

Answer 1

[RAX7]

function wrap(parent, className = 'wrapper') {
  const wrapper = document.createElement('div');
  wrapper.classList = className;
  parent.childNodes.forEach(ch => wrapper.appendChild(ch));
  parent.appendChild(wrapper);
}

document.querySelectorAll('td')
  .forEach(td => wrap(td, 'text'));

Answer 2

[nvdfxx]

[...document.querySelectorAll('td.active')].forEach(e => e.innerHTML  = `<div>${e.innerHTML}</div>`)

Comments

[Сергей Василенко]

А для чего квадратные скобки?

document.querySelectorAll('td.active').forEach(e => e.innerHTML  = `<div>${e.innerHTML}</div>`)

Answer 3

[Антон Неверов]

Для jQuery - .wrap()
Для ванильного JS:

function wrap(el, wrapper) {
  el.parentNode.insertBefore(wrapper, el);
  wrapper.appendChild(el);
}
wrap(document.querySelector('a.wrap_me'), document.createElement('div'));

Comments

[Егор Антропов]

Оно оборачивает сам элемент. А мне нужно обернуть то что внутри элемента.

Т.е. сейчас
<div><td>12</td></div>
А нужно
<td><div>12</div><td>