Wie kann ich mithilfe von JavaScript oder jQuery eine Reihe von HTML-Elementen in ein übergeordnetes HTML-Element einschließen und sie in jedem übergeordneten Element behalten?

Question

Ich versuche, alle Tags innerhalb eines Tags mithilfe von JavaScript oder jQuery in ein anderes einzuschließen. Ich möchte alle Elemente mit dem Klassennamen wpb_wrapper finden, dann alle darin enthaltenen Tags finden und diese Tag-Gruppen in einem separaten Tag in jedem wpb_wrapper einschließen, sodass die untergeordneten Tag-Gruppen in jedem wpb_wrapper immer noch untergeordnete Elemente sind, aber in ein eingeschlossen sind Tag innerhalb und nicht in einem separaten Tag für jedes Tag auf der Seite. Von diesem: zu diesem: Ich habe es versucht

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

非常直接，我们只需将span元素附加到新创建的div元素中。然而，问题在于我们假设将其附加到wgb_wrapper的末尾。