Javascript 将具有相同类的每个div移动到另一个div中

Javascript 将具有相同类的每个div移动到另一个div中,javascript,jquery,Javascript,Jquery,我有两个同一类的div,我正在尝试将这两个div中的每一个都移动到一个不同的div中 setTimeout(函数(){ $(“.pac容器”).prependTo(“gp内容”); }, 500); .pac容器{ 宽度:50px; 高度:100px; 边框:1px纯黑; 填充物:5px; 保证金:5px; } #包装1, #包装2{ 宽度:25px; 高度:75px; 边框:1px点红色; 填充物:5px; 保证金:5px; } 您可以迭代.pac容器,然后单独移动 在本例中,我添加了包装器

我有两个同一类的div,我正在尝试将这两个div中的每一个都移动到一个不同的div中

setTimeout(函数(){
$(“.pac容器”).prependTo(“gp内容”);
}, 500);
.pac容器{
宽度:50px;
高度:100px;
边框:1px纯黑;
填充物:5px;
保证金:5px;
}
#包装1,
#包装2{
宽度:25px;
高度:75px;
边框:1px点红色;
填充物:5px;
保证金:5px;
}

您可以迭代
.pac容器
,然后单独移动

在本例中,我添加了
包装器
类以使用公共选择器,并使用
.eq()
以元素为目标

$('.pac container')。每个(函数(i){
$(this.appendTo($('.wrapper').eq(i))
});

1.
2.

您可以使用
eq()
通过索引显式引用
.pac容器
元素:

var$pac=$('.pac容器');
$pac.eq(0).prependTo(“#wrapper1”);
$pac.eq(1).prependTo(“#wrapper2”)

PAC集装箱1
PAC集装箱2
包装1
wrapper2
要移动元素,请使用并
appendTo()
尝试以下操作:

$(“.pac容器”)。每个(函数(i){
$(this.detach().appendTo($(“.wrapper”).eq(i))
});

pac-container1
pac-container2
包装1

wrapper2
我喜欢您的第一个解决方案,因为目标Wrapper可以有不同的ID,这正是我需要的,对我来说最合适。但是,如果你有其他条件,另一种方法也有效如果在包装器中添加一个类,效果会非常好;)