Question

我的代码就像这样，

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

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

我想仅为.child1和.child2定位类.one添加父div。我尝试了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的id。例如，在代码中操作会更容易。

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

如果您有多个具有相同名称的类，则可能必须迭代您的类。如果可以的话，我建议再次转向ids。

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

3 个答案: