Question

我尝试更改博客布局，需要从div id =＆＃34; img-origen＆＃34;更改一个img位置to div id =＆＃34; img-target＆＃34;。我几乎拥有它，但是在打印数组时我做错了...

这是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，所以所有列表项都有相同的图像......

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

由于

Answer 1

<强> 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);

Answer 2

试

$(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)
});

Answer 3

你尝试过这个：

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

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

3 个答案: