Javascript 循环以获取图像列表的源

我有一个8个缩略图图像列表。当我点击其中一个时，较大的图像就会得到缩略图的来源。我可以一个接一个地做

$('#img_1').click(function(){
    var temp = $('#img_1').attr('src');
    $('#bigger_image').attr('src', temp);
});

我尝试使用for循环，但我总是得到最后一个缩略图源

for(var i=0; i<$('#thumbsContainer').children().length;i++){
    $('#img_'+i).click(function(){
        var temp = $('#img_'+i).attr('src');
        $('#bigger_image').attr('src', temp);
    });
}

for（var i=0；i试试这个

for(var i=0; i<$('#thumbsContainer').children().length;i++){
    $('#img_'+i).click(function(){
        $('#bigger_image').attr('src', $(this).attr('src'));
    });
}

for（var i=0；i您还可以使用each函数在图像上循环

$('#thumbsContainer [id^=img_]').each(function(){
    $(this).click(function(){
        $('bigger_image').attr('src', $(this).attr('src'));
    });
}

你指的是循环还是圆圈而不是圆环？