如何使用相同的类名循环每个图像？

Question

  

可能重复：
  jQuery to loop through elements with the same class

我正在尝试遍历我的图像。

for(var i=0; i<sizes.length; i++){
    var imageSize=sizes[i];
    $('.image').width(imageSize);
}

我有10个具有相同类名的图像，但是，我希望它们具有不同的图像大小。

循环将循环10次，但我不确定如何使每个图像具有特定的imagesize。

任何人都可以帮助我吗？我的大脑几乎要炸了。非常感谢！

Answer 1

如果您的所有图片都有.image类，则可以执行以下操作

$( '.image' ).each( function ( index ) {
    $( this ).css( 'width', sizes[ index ] );
});

Answer 2

你可以这样做：

$('.image').each(function(i) {
    $(this).width(sizes[i]);
});

但您必须确保尺寸数组包含的正确尺寸与图像在页面上显示的顺序相同。