Question

我需要动态地向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);
});

Answer 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);
});

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

1 个答案: