jquery - セレクター内の $.data() にアクセスする

Question

次のコードがあります。

<img class="sth" data-number="1" src="sth.jpg" alt="">

そのような要素がいくつかあり、それらはすべてデータ数だけが異なります。すべての要素に対して次のことを行いたい:

$('.sth').attr('src', 'sth' + data('number') + '.jpg');

すべての画像が独自の番号で src を変更するようにします。

ただし、data('number') は機能せず、$('.sth').data('number') はすべて sth1.jpg で変更されます。

これを行う方法はありますか？

Answer 1

attr()関数を使用してそれを行うことができます

$('.sth').attr('src', function(){
    return 'sth' + $(this).data('number') + '.jpg';
});

Answer 2

each()はい、次のように jquery 関数を使用します。

$('.sth').each(function(){
    $(this).attr('src', 'sth' + $(this).data('number') + '.jpg');
});

.sthセレクターに一致する各要素に対して実行されます。