使用jQuery替换图像源

Question

我遇到以下问题。在加载时，我想使用每个都通过“.image”类的所有div，获取该div中图像的来源并替换相应列表项的来源。

以下示例：useThis1将替换item1的来源，useThis2将替换item2的来源，等等。任何帮助，将不胜感激。

<div class="image"><img src="useThis1"/></div> 
<div class="image"><img src="useThis2"/></div> 
<div class="image"><img src="useThis3"/></div> 
<div class="image"><img src="useThis4"/></div> 
<div class="image"><img src="useThis5"/></div> 

<div id="contentA"> 
<ul> 
<li><img id="item1" src="toReplaceThis"></li> 
<li><img id="item2" src="toReplaceThis"></li> 
<li><img id="item3" src="toReplaceThis"></li> 
<li><img id="item4" src="toReplaceThis"></li> 
<li><img id="item5" src="toReplaceThis"></li> 
</ul> 
</div> 

Answer 1

var dvImages = $('.image img'); //array of usethis images 
var liImages = $('#contentA img'); //array of item images 

$.each(dvImages, function(index){ 
    if(index == liImages.length) 
     return false; 
    $(liImages[index]).attr('src', $(this).attr('src')); 
}); 

总结，如果你希望它执行时，DOM完全加载在$(document).ready()功能。

Answer 2

$('.image img').each(function(i){ 
    $('#contentA').find('li:eq('+i+') img').attr('src', $(this).attr('src')); 
});