Comment puis-je envelopper un ensemble d'éléments HTML dans un élément HTML parent à l'aide de JavaScript ou de jQuery et les conserver dans chaque élément parent ?

Question

J'essaie d'envelopper toutes les balises d'une balise dans une autre balise en utilisant JavaScript ou jQuery. Je souhaite rechercher tous les éléments portant le nom de classe wpb_wrapper, puis rechercher toutes les balises qu'ils contiennent et envelopper ces groupes de balises dans une balise distincte au sein de chaque wpb_wrapper, de sorte que les groupes de balises enfants dans chaque wpb_wrapper soient toujours des éléments enfants, mais enveloppés dans un balise à l’intérieur plutôt que dans une balise distincte pour chaque balise de la page. De ceci : à ceci : j’ai essayé

P粉659518294 · Answer

  const wrapper = document.querySelector('.wpb_wrapper');
  const spans = wrapper.querySelectorAll('span');

  const customDiv = document.createElement('div');
  customDiv.classList.add('custom-div');

  spans.forEach(span => {
    customDiv.appendChild(span);
  });

  wrapper.appendChild(customDiv);


  Functional Experience

Très simple, nous ajoutons simplement l'élément span à l'élément div nouvellement créé. Cependant, le problème est que nous supposons que nous l'ajoutons à la fin de wgb_wrapper.