jquery将多个imgsrc从一个div交换到另一个div

我正在尝试更改博客布局，需要将一个img位置从div id=“img origen”更改为div id=“img target”。我几乎拥有它，但我在打印阵列时出错了

这是html代码

<div id="blogPost">
    <div id="img-target" > 
        <img alt="" src="">
    </div>
    <!-- content here -->
    <div id="img-origen" > 
        <img alt="" src="image/test.jpg">
    </div>
</div>

使用以下命令打印阵列：

var newSrc = $("#img-origen img").map(function() {
  return $(this).attr("src");
  }).get();
  console.log(newSrc);

$(document).ready(function() {
  $.each(newSrc, function(i, val) {
    $("#img-target img").attr("src", val);
  });
});

但我在所有目标img中打印相同的img，所以所有列表项都有相同的图像

有人能给我指引正确的方向吗_

谢谢 使用如下交换机制：获取两个图像的src，然后交换它

var img1=$("#img-target img").attr("src");
var img2=$("#img-origen img").attr("src");

$("#img-origen img").attr("src",img1);
$("#img-target img").attr("src",img2);

试一试

你试过这个吗：

$(document).ready(function() {
  $.each(newSrc, function(i, val) {
    $("#img-target img").eq(i).attr("src", newSrc[i]);
  });
});

---

你们有多个相同ID的元素吗？谢谢你们的帮助，因为第一个答案很好用，我并没有尝试你们的解决方案

$(document).ready(function() {
  $.each(newSrc, function(i, val) {
    $("#img-target img").eq(i).attr("src", newSrc[i]);
  });
});