JS（またはjQuery）でdivに画像を設定するにはどうすればよいですか？

Question

は、私はこのような通知ボックスを作成しようとしている：あなたが見たよう

は、非表示コンテンツのロードになり、その上に画像.gifあります。今、私は<div>に次の画像を追加したい：ここ

は私のAjaxコードです：

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

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

どのようにすることができます：

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

     } 
    }); 

} 

次の2行に焦点を当ててください。それを行う？つまり、HTMLへのパスで画像を追加して削除するにはどうすればいいですか？

Answer 1

お試しください]プリペンド」と '削除' ...

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

と

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

Demo here...