Javascript jquery向元素添加多个css类

因此，我尝试将另一个名为popup的css类添加到.each函数中

jQuery：

$.each(data.photos.photo, function(i, photo) {
        var imgURL = 'http://farm' + photo.farm + '.staticflickr.com/' + photo.server + '/' + photo.id + '_' + photo.secret + '_n.jpg';

        console.log(imgURL);

        // Pre-cache image
        $('<img />').attr({'src': imgURL, 'data-image-num': i}).load(function() {
           console.log('image loaded');
           var imageDataNum = $(this).attr('data-image-num');
           $('#photo-' + imageDataNum).css('background-image', 'url(' + imgURL + ')').removeClass('fade-out').addClass('fade-in');
        });

     });

谢谢你的帮助，这是我的第一篇帖子，顺便说一句，如果我听到nooby的声音，很抱歉

...
$('#photo-' + imageDataNum).css('background-image', 'url(' + imgURL + ')').removeClass('fade-out').addClass('fade-in').addClass('popup');
...

或

---

$（'你想将类添加到哪个元素？图像？你的问题是什么？嘿，谢谢你的快速响应，第一个解决方案工作了，但是它没有显示图像，但是当通过chrome中的控制台检查时，图像在那里，css类已经被应用。对不起，实际上我刚刚意识到我的做法是错误的想想看，我有另一个功能叫做Popup，它的全部目的是在点击图像时在屏幕中央弹出a div。
...
$('#photo-' + imageDataNum).css('background-image', 'url(' + imgURL + ')').removeClass('fade-out').addClass('fade-in').addClass('popup');
...

    $('<img />').attr({'src': imgURL, 'data-image-num': i}).load(function() {
       console.log('image loaded');
       var imageDataNum = $(this).attr('data-image-num');
       $('#photo-' + imageDataNum).css('background-image', 'url(' + imgURL + ')').removeClass('fade-out').addClass('fade-in');
    }).addClass('popup');