Javascript 如何在jquery中将所有子元素递归地传输到组div包装器?

Javascript 如何在jquery中将所有子元素递归地传输到组div包装器?,javascript,php,jquery,html,wordpress,Javascript,Php,Jquery,Html,Wordpress,对于下面的代码,我希望每个et_pb_模块以类项递归地传输到div <div class="et_pb_column"> <div class="et_pb_module"> content 1 </div> <div class="et_pb_module"> content 2 </div> <div class="et_pb_module">

对于下面的代码,我希望每个
et_pb_模块
以类
递归地传输到div

<div class="et_pb_column">

    <div class="et_pb_module">
        content 1
    </div>

    <div class="et_pb_module">
        content 2
    </div>

    <div class="et_pb_module">
        content 3
    </div>

</div>


<div class="owl-wrapper">
    <div class="owl-item">
        <div class="item">
        </div>
    </div>

    <div class="owl-item">
        <div class="item">
        </div>
    </div>

    <div class="owl-item">
        <div class="item">
        </div>
    </div>

</div>
我的jquery代码的问题是,它将所有
et\u pb\u模块
处理到具有
item
class的每个div


感谢您的帮助。谢谢

这就是您想要做的:

$(".et_pb_column > .et_pb_module").each(function(i) {
    $(".owl-item > .item")[i].append($(this)[0]);
});
以下是工作代码:

$(“.et_pb_column>.et_pb_module”)。每个(函数(i){
$(“.owl item>.item”)[i].append($(this)[0]);
});

内容1
内容2
内容3

#您的HTML中没有owl演示。“我想它会把猫头鹰的包装纸包起来吗?”詹尼弗戈卡维斯:对不起。我忘记打字了。假设它是
owl包装器的包装器
  $(".et_pb_column > .et_pb_module").each(function() {
    $("#owl-demo .owl-item > .item").append($(this).html());
  });
$(".et_pb_column > .et_pb_module").each(function(i) {
    $(".owl-item > .item")[i].append($(this)[0]);
});