使用jQueryeach替换图片源

Question

我有以下问题。加载时，我想使用 every 来遍历具有“.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'));
});