jquery将多个img src从一个div交换到另一个div

时间:2014-11-03 09:17:15

标签: jquery image

我尝试更改博客布局,需要从div id =" img-origen"更改一个img位置to 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);
  });
});

但是我在所有target-img中打印相同的img,所以所有列表项都有相同的图像......

任何人都可以指导我正确的方向_

由于

3 个答案:

答案 0 :(得分:0)

<强> Working FIDDLE 使用交换机制如下:取两个图像的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);

答案 1 :(得分:0)

$(document).ready(function () {
    var temp = $("#img-target img").attr("src");
    $("#img-target img").attr("src", $("#img-origen img").attr("src"));
    $("#img-origen img").attr("src", temp)
});

答案 2 :(得分:0)

你尝试过这个:

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