附加具有相似文件名的图像（1个字符不同）答案

【问题标题】：appending images with similar filename (1 char different)附加具有相似文件名的图像（1个字符不同）
【发布时间】：2011-09-21 11:14:56
【问题描述】：

我需要动态地将几个具有相似文件名的图像附加到一个 div 中，即。 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);
});

【问题讨论】：

标签： jquery arrays append

【解决方案1】：

假设您想通过 c-abc-09.jpg 附加图像“c-abc-01.jpg”。您可以使用 for 循环执行此操作：

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

【讨论】：