首页 > 遍历src的值,顺序替换domlist中img的src值。

遍历src的值,顺序替换domlist中img的src值。

有一个存放src地址的数组,需要把这个数组中的每个值按照顺利插入到domlist每个img元素src的值里。
做这个示例需要多重循环吗。
用js或者jquery有木有比较好的解决方法。
?
domlist结构如下

<div class="comb">
    <li>
        <img src="123" alt=""/>
    </li>
    <li>
        <img src="456" alt=""/>
    </li>
    <li>
        <img src="789" alt=""/>
    </li>
    <li>
        <img src="112345" alt=""/>
    </li>
    <li>
        <img src="1231234" alt=""/>
    </li>
</div>

这个非常简单啊,两个循环即可啊、、、
jQuery:

var srcList = ['xx/xxx/1.png','xx/xxx/2.png','xx/xxx/3.png','xx/xxx/4.png'];
var domlist = $("#id img");
for(var i=0;i<srcList.length;i++){
    for(var j=0;j<domlist.length;j++){
        $(domlist[j]).attr("src",srcList[i]);
    }
}

// 如果 domList 是一个 jquery 对象的集合
// 那么按照题主的意思用顺序下标来对应即可
$domList.each(function (idx, ele) {
    ele.setAttribute('src', srcList[idx]);
});
【热门文章】
【热门文章】