使用 jQuery each 替换图像源答案

【问题标题】：Using jQuery each to replace image source使用 jQuery each 替换图像源
【发布时间】：2011-07-11 15:58:44
【问题描述】：

我有以下问题。在加载时，我想使用每个来遍历所有具有“.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>

【问题讨论】：

标签： jquery each src attr

【解决方案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() 中。

【讨论】：

【解决方案2】：

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

【讨论】：

我刚刚改了 :( 现在？Jaja