Question

我有一个包含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);
    });
}

我应该怎样做一次？

Answer 1

您还可以使用每个功能循环覆盖图像。

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

Answer 2

试试这个

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

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

2 个答案: