如何使用JavaScript或jQuery将一组HTML元素包裹在一个父HTML元素中,并使它们保持在每个父元素内?
P粉204136428
P粉204136428 2023-08-17 15:27:06
0
1
382

我正在尝试使用JavaScript或jQuery将所有标签包装在一个

标签中的另一个
标签中。我想要找到所有具有类名为wpb_wrapper的元素,然后在其中查找所有的标签,并将这些标签组包装在每个wpb_wrapper中的一个单独的
标签中,以便每个wpb_wrapper中的子标签组仍然是子元素,但是包装在内部的一个
标签中,而不是在页面上的每个标签中都包装在一个单独的
标签中。


从这个:

变成这个:

我尝试过这个,但它仍然只是抓取所有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


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学习者快速成长!