javascript - jqueryで配列の要素を表示する

Question

私はWeb開発の初心者です。次のcodeLで画像名のリストを配列に変換しました

var image_array = $("#image-ul img").map(function() {return $(this).attr("src");});

ここで、これらの画像のいくつかを表示したいと思います。次のコードを追加して、すべての画像を表示しますL

$('#image-ul img').css('display','block');

しかし、次のような画像がいくつか必要です。

for (var i=0; i<2; i++) { $('#image-ul img:image_array[i]').css('display','block');}

これどうやってするの？

Answer 1

実際には for ループを使用せず、画像を選択して 、 などで選択範囲を制限しますeq()。lt()したがってgt()、インデックスが 2 未満の場合は、次のようにします。

$('#image-ul img:lt(2)').show();

Answer 2

この行を変更

for (var i=0; i<2; i++) { $('#image-ul img:image_array[i]').css('display','block');}

これに

for (var i=0; i<2; i++) { $('#image-ul img').eq(i).show(); }

Juhanaが指摘した.show()ように、jQueryで要素を表示する最良の方法です

Answer 3

試す

for (var i=0; i<2; i++) { $('#image-ul img:eq(' + i +')').css('display','block');}

または

for (var i=0; i<2; i++) { $('#image-ul img').eq(i).css('display','block');}