Javascript 在每个div JQuery中移动图像

我有以下HTML代码：

<div class="block">
    <div class="destination"></div>
    <div class="source"><img src="/img-1.png" alt="test"></div>
</div>
<div class="block">
    <div class="destination"></div>
    <div class="source"><img src="/img-2.png" alt="test"></div>
</div>
<div class="block">
    <div class="destination"></div>
    <div class="source"><img src="/img-3.png" alt="test"></div>
</div>

---

我将在每个分区中获取所有三个图像。

检查HTML，您将看到图像现在位于

分区内。destination

分区：

$（'.block'）。查找（'.source'）。每个（函数（）{
var，该值=$（此值）；
var img=that.children（）.clone（）；
那。空（）；
最近（'.block'）.find（'.destination'）.append（img）；
});
检查HTML，您将看到图像现在位于
目录中


$（'.block'）。查找（'.source'）。每个（函数（）{
var，该值=$（此值）；
var img=that.children（）.clone（）；
那。空（）；
最近（'.block'）.find（'.destination'）.append（img）；
});

改用这个：

$j('.block .source img').each(function() {
  $j(this).appendTo( $(this).parent().prev() );
});

您需要使用
this
来引用正在循环的图像，并且不需要将detach（）与appendTo（）一起使用，因为appendTo（）将处理移动

使用此选项：

$j('.block .source img').each(function() {
  $j(this).appendTo( $(this).parent().prev() );
});

您需要使用
this
来引用正在循环的图像，并且不需要将detach（）与appendTo（）一起使用，因为appendTo（）将处理移动


用于查找
元素的
最近的
父元素


var$j=$；
$j（'.block.source img'）。每个（函数（）{
$j（this）.appendTo（$（this）.closest（'.block'）.find（'.destination'））；
});


用于查找
元素的
最近的
父元素


var$j=$；
$j（'.block.source img'）。每个（函数（）{
$j（this）.appendTo（$（this）.closest（'.block'）.find（'.destination'））；
});




$（'.block'）。每个（函数（）{
var$this=$（this）；
//查找图像源并将其附加到目标。附加将为您执行分离
$this.find（'.source img'）.appendTo（$this.find（'.destination'））；
});


$（'.block'）。每个（函数（）{
var$this=$（this）；
//查找图像源并将其附加到目标。附加将为您执行分离
$this.find（'.source img'）.appendTo（$this.find（'.destination'））；
});

我很高兴它有帮助！编码快乐我很高兴它有帮助！快乐编码
$(".block").each(function(){
    var html = $(this).find(".source").html();
  $(this).find(".source").empty();
  $(this).find(".destination").html(html);
});