jquery - 为多个子 div 创建父 div - Jquery

Question

我的代码是这样的，

<div class="sExample">
    <div class="child1 one">...</div>
    <div class="child2 one">...</div>

    <table>...</table>
    <div class="child3">...</div>
</div>

我只想包含一个父 div.child1和.child2定位类.one。我尝试了 jQuery.wrap方法，但它为每个项目添加了父 div。

请帮我做这件事。

Answer 1

假设您希望结果如下所示：

<div class="sExample">
    <div>
        <div class="child1 one">...</div>
        <div class="child2 one">...</div>
    </div>

    <table>...</table>
    <div class="child3">...</div>
</div>

使用wrapAll()代替wrap()：

$('.one').wrapAll('<div>');

Answer 2

使用它来包装每个元素在它自己的容器中：

$('.one').wrap('<div></div>');

Answer 3

为什么不使用 appendTo() 来移动元素。此外，如果可能，请尝试为父 div .sExample 使用 id，这样会更容易在代码中进行操作。

document.getElementsByClassName('.child1 .one')[0].appendTo(document.getElementsByClassName('.sExample')[0])

如果您有多个具有相同名称的类，您可能必须遍历您的类。再一次，如果可以的话，我建议转移到 ids。