如何通过JS（或jQuery）将图像设置为div？

Question

我正在尝试制作一个这样的通知框：

如您所见，其顶部有一个图像.gif，当内容加载时会隐藏它。现在我想将以下图片添加到<div>：

这是我的ajax代码：

function notification(){

    $(".notifications_list").html(/* add this path: /myfolder/img/progress.gif */ );

    $.ajax({
        url :  '/myweb/files/notification.php',
        dataType : 'JSON',
        success : function (notification_system) {

            $(".notifications_list").html(/* remove progress.gif photo */ );

            if(notification_system.success === 1){  
                $(".notifications_list").html(notification_system.notifications);

            } else {
                alert('something is wrong');                            
            }

        }
    }); 

}

请关注以下两行：

$(".notifications_list").html(/* add this path: /myfolder/img/progress.gif */ );

$(".notifications_list").html(/* remove progress.gif photo */ );

我该怎么做？我的意思是，如何通过HTML的路径添加图像，然后将其删除？

Answer 1

尝试＆＃39; prepend＆＃39;和＆＃39;删除＆＃39; ...

 $('.notifications_list').prepend('<img class="your_image" src="http://placekitten.com/100/100">')

并删除

$('.notifications_list .your_image').remove();

Demo here...