如何使用JavaScript或jQuery將一組HTML元素包裹在一個父HTML元素中,並使它們保持在每個父元素內?
P粉204136428
P粉204136428 2023-08-17 15:27:06
0
1
377

我正在嘗試使用JavaScript或jQuery將所有標籤包裝在一個

標籤中的另一個
標籤中。我想要找到所有具有類別名稱為wpb_wrapper的元素,然後在其中找到所有的標籤,並將這些標籤組包裝在每個 wpb_wrapper中的一個單獨的
標籤中,以便每個wpb_wrapper中的子標籤組仍然是子元素,但是包裝在內部的一個< ;div>標籤中,而不是在頁面上的每個標籤中都包裝在單獨的
標籤中。


從這個:

變成這個:

我嘗試過這個,但它仍然只是抓取所有wpb_wrapper中的標籤,並將其包裝在第一個wpb_wrapper中的一個單獨的

標籤中


jQuery('.wpb_wrapper').each(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 { border: 1px dotted red; } .wpb_wrapper > div > span { border: 1px dashed blue; }
 
0 0 0 0
1 1 1 1
2 2 2 2


>
1
0
0
P粉204136428
P粉204136428

全部回覆 (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

非常直接,我們只需將span元素附加到新建立的div元素中。然而,問題在於我們假設將其附加到wgb_wrapper的末尾。

    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!