Bagaimanakah saya boleh membungkus satu set elemen HTML dalam elemen HTML induk menggunakan JavaScript atau jQuery dan menyimpannya dalam setiap elemen induk?

Question

Saya cuba membungkus semua teg dalam satu teg dalam teg lain menggunakan JavaScript atau jQuery. Saya ingin mencari semua elemen dengan nama kelas wpb_wrapper, kemudian cari semua teg di dalamnya, dan bungkus kumpulan tag tersebut dalam teg berasingan dalam setiap wpb_wrapper, supaya kumpulan tag anak dalam setiap wpb_wrapper masih merupakan elemen kanak-kanak, tetapi dibalut dengan teg di dalam dan bukannya dalam teg berasingan untuk setiap teg pada halaman. Dari ini: kepada ini: Saya cuba

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

Sangat mudah, kami hanya menambahkan elemen span pada elemen div yang baru dibuat. Walau bagaimanapun, masalahnya ialah kami menganggap kami menambahkannya pada penghujung wgb_wrapper.