jquery將多個img src從一個div交換到另一個div

Question

我試圖更改博客佈局，並且需要將div id =「img-origen」中的一個img位置更改爲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具有相同的圖像...

任何人都可以指導我在正確的direction_

感謝

Answer 1

你嘗試過這樣的：

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

Answer 2

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 3

嘗試

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