Question

我有一个项目列表。

<img id="item0" src="">
<img id="item1" src="">
.
.
.

当有人点击按钮时，我需要根据id更改srcs。（每个src使用不同的链接）

我想使用类似下面的内容。

for (var i = 0; i < 10; i++) {
    $('#item' + i).attr('src', 'link')
}

这样的事情可能吗？实际代码是这样的;

            for(var i=0;i<10;i++){

            var freeChampId=[];
            freeChampId.push(json['champions'][i].id);
            $.ajax({
                url:'https://global.api.pvp.net/api/lol/static-data/tr/v1.2/champion/'+json['champions'][i].id+'?&api_key='+key,
                type:'GET',
                datatype:'json',
                data:{},
                success:function(json){

                    $("img[id^=freeChamp_Out]").each(function(){

                        $(this).attr('src','http://ddragon.leagueoflegends.com/cdn/5.2.1/img/champion/'+json['key']+'.png')

                    });
                }
            })


        }

每个循环都会转动键并且链接会发生变化。

Answer 1

如果要为所有元素设置相同的src，则不需要迭代元素。为此，您可以使用属性starts with selector来定位所有图像以及attr以设置所需的属性：

'js'

如果srcs不同：

$("img[id^=item]").attr('src','link');

使用循环更改项目属性列表

1 个答案: