JQuery выбрать этого родителя изнутри изображения

Question

У меня есть следующий код, я пытаюсь сделать так, чтобы загрузчик появлялся, а затем изображение исчезало после загрузки. Я хочу сделать функцию многоразовой, чтобы я мог просто добавить изображение в div с идентификатором загрузчика, и это будет работать.

Я не могу понять, как выбрать div родительского загрузчика внутри изображения. строка с комментариями работает нормально, но я думаю, что выберут все div. я просто хочу выбрать родительский загрузчик div. может кто-нибудь помочь, спасибо.

<div id="loader" class="loading">
  <img src="http://www.inhousedesign.co.nz/images10/caravan_01.jpg" style="display: none;"/>
</div>  

$("#loader").each(function(){
    var source = $(this).find("img").attr('src');
    var img = new Image();

    $(img).load(function(){
      $(this).hide();
      //$("#loader").removeClass('loading').append(this);
      $(this).parents("div:first").removeClass('loading').append(this);
      $(this).fadeIn(800);
    }).attr('src', source);    
  });  

Answer 1

Самый простой способ, это сделать фон div имеет loading.gif ...

#div {
   background:url(loading.gif) no-repeat center center;
}

И затем img исчезают при загрузке.

Answer 2

Как говорит Дерек.#loader выбирает div с загрузчиком идентификатора, и должен быть только один

Если вы пытаетесь сделать универсальный для многих, присвойте div класс и используйте родительский селектор

например

$(this).parent().removeClass('loader')

Answer 3

Почему бы не использовать метод parent ?

 $(this).parent().removeClass('loading').append(this);