javascript - 同じクラス名の各画像をループする方法は？

Question

重複の可能性：
同じクラスの要素をループするjQuery

クラスのある画像をループしようとしています。

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

同じクラス名の画像が10枚ありますが、画像サイズを変えてほしいです。

ループは10回ループしますが、各画像に特定のを作成する方法がわかりませんimagesize。

誰かがそれを手伝ってくれますか？私の脳はほとんど稚魚です。本当にありがとう！

score 9 · Accepted Answer

すべての画像にクラスが.imageある場合は、次のようにするだけです。

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

score 0 · Accepted Answer

あなたはこのようなことをすることができます：

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

ただし、サイズ配列に、画像がページに表示されるのと同じ順序で正しいサイズが含まれていることを確認する必要があります。

2 に答える 2