Использование jQuery для замены источника изображения

Question

У меня следующая проблема. При загрузке я хочу использовать каждый из них, чтобы пройти через все div с классом .image, получить источник изображения в этом 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

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

Answer 2

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'));
});

Оберните функцию в $(document).ready(), если хотите, чтобы она выполнялась при полной загрузке DOM.