Вставить разделитель между тегами (Javascript, JQuery)?

Question

[ALEX]

Добрый день, подскажите как создать разделитель между тегами. Например у меня есть тег который я указываю как селектор. Внутри него есть несколько тегов между которыми нужно вставить разделитель (просто обычный текст " | ") Буду благодарен за любую помощь)

Comments

[Ankhena]

jquery.page2page.ru/index.php5/%D0%94%D0%BE%D0%B1%...

Answer 1

[0xD34F]

Кого и куда будем вставлять:

const el = document.querySelector('здесь селектор родительского элемента');
const text = '|||';

Вставляем:

Array.prototype.forEach.call(
  el.children,
  (n, i) => i && n.before(text)
);

// или

for (const n of el.children) {
  if (n.nextElementSibling) {
    n.insertAdjacentText('afterend', text);
  }
}

// или

for (let i = 1; i < el.children.length; i++) {
  el.insertBefore(document.createTextNode(text), el.children[i]);
}

// или

(function insert(i, n = el.children.item(i)) {
  if (n) {
    n.replaceWith(text, n);
    insert(-~i);
  }
})(1);

// или

el.querySelectorAll(':scope > * + *').forEach(n => {
  n.outerHTML = text + n.outerHTML;
});