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]);
});