附加圖像具有相似的文件名（1個字符不同）

Question

我需要動態地追加幾個具有相似文件名的圖像，即。 c-abc.01.jpg，c-abc.02.jpg，c-abc.03.jpg等

我想我需要用attr（'src'）創建一個數組，然後追加數組，但我不知道如何與src做到這一點。我已經儘可能地加載了一個單一的圖像，現在我堅持認爲數組會有所幫助。然而，jquery array api狀態：

此外，.attr（）不應該在普通對象使用，陣列，窗口，或該文檔。

所以，現在我真的很困惑，真的很感激一些方向！

MTIA。

我的jQuery：

$('img.displayer').live('click', function (e) { 

    var activeID = $(this).attr('id'); 
    if($('img.displayer').hasClass('current')) { 
     $('img.displayer.current').removeClass('current'); 
    } 
    $(this).addClass('current'); 
    e.preventDefault(); 
    $('#content-row').fadeOut(700, function() { 
     $('#content-image').empty(); 
     $('#content-text').stop(true, true).load('all-text.html #' + activeID); 
     $('#content-image').append('<img src="images/c-' + activeID + '.01.jpg" />'); 
    }); 
    $('#content-row').fadeIn(700); 
}); 

Answer 1

假設要追加到c-ABC-09.jpg圖片 「C-ABC-01.JPG」」你可以使用用於做這樣的loop：

$('img.displayer').live('click', function (e) { 

    var activeID = $(this).attr('id'); 
    if($('img.displayer').hasClass('current')) { 
     $('img.displayer.current').removeClass('current'); 
    } 
    $(this).addClass('current'); 
    e.preventDefault(); 
    $('#content-row').fadeOut(700, function() { 
     $('#content-image').empty(); 
     $('#content-text').stop(true, true).load('all-text.html #' + activeID); 
     for (var i = 1; i < 9; i++) { 
      $('#content-image').append('<img src="images/c-' + activeID + '.0' + i + '.jpg" />'); 
    }); 
    $('#content-row').fadeIn(700); 
});