在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');}