Bagaimanakah saya boleh membungkus satu set elemen HTML dalam elemen HTML induk menggunakan JavaScript atau jQuery dan menyimpannya dalam setiap elemen induk?
P粉204136428
P粉204136428 2023-08-17 15:27:06
0
1
379

Saya cuba membungkus semua teg

di dalam teg
Saya ingin mencari semua elemen dengan nama kelas wpb_wrapper, kemudian cari semua kumpulan tag ini dalam satu < teg div> dalam wpb_wrapper supaya setiap kumpulan teg dalam wpb_wrapper teg dalam teg


Daripada ini:

Perubahan kepada ini:

Saya mencuba ini, tetapi ia masih mengambil semua teg dalam wpb_wrapper teg /span>

<
jQuery('.wpb_wrapper').setiap(function(){ jQuery(this).find('span').wrapAll('
'); });


jQuery('.wpb_wrapper').each(function() { jQuery(this).find('span').wrapAll('
'); }); console.log(document.body.innerHTML);
.wpb_wrapper { border: 1px solid; .wpb_wrapper > div { sempadan: 1px bertitik merah } .wpb_wrapper > div > 
 
0 0 0 0
1 1 1 1
2 2 2 2


P粉204136428
P粉204136428

membalas semua (1)
P粉659518294

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.

    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!