使用jQuery each替换图片源 [英] Using jQuery each to replace image source

问题描述

我有以下问题.在加载时，我想使用 each 来遍历所有带有.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>

解决方案

var dvImages = $('.image img');//使用此图像的数组var liImages = $('#contentA img');//物品图片数组$.each(dvImages, 函数(索引){如果(索引 == liImages.length)返回假；$(liImages[index]).attr('src', $(this).attr('src'));});

如果您希望在 DOM 完全加载时执行该函数，请将其包裹在 $(document).ready() 中.

I have the following issue. On load I want to use each to go through all the divs with the ".image" class, get the source of the image in that div and replace the source of the corresponding list item.

Example below: useThis1 will replace the source of item1, useThis2 will replace the source of item2, so on and so forth. Any help on this would be much appreciated.

<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>

解决方案

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

Wrap the function in $(document).ready() if you want it to execute when the DOM is fully loaded.

这篇关于使用jQuery each替换图片源的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！