jQuery load（）函數里面的范圍

Question

我的范圍有問題。 抱歉這個noobish問題。

我試圖用jQuery將圖像附加到父div，但不知道如何將變量“theParent”傳遞給加載函數。

// inside a this.each loop

    var theParent = $(this).parent('div.parent'); 

    var img = $("<img />")
                .attr('src', '/path/img.jpg')
                .error(function(){ console.log('error'); })
                .load(function(){
                    img.addClass('myClass'); // <-- not working plz help
                    theParent.append(img); // <-- not working plz help
                    });

Answer 1

現場演示

$(this).addClass('myClass'); 會工作，但使用：

var img = $("<img />", {
          "src"   : '/images/favicon.png',
          "class" : 'myClass'
      })
      .error(function(){ console.log('error'); })
      .load(function(){
                img.appendTo( theParent ); 
      });

Answer 2

嘗試這個：

var theParent = $(this).parent('div.parent'); 

    var img = $("<img />", {
      src: '/path/img.jpg',
      "class": 'myClass' 
    }).appendTo(theParent);

Answer 3

根據http://api.jquery.com/load-event/“this ”是load事件所附加的對象。

Answer 4

您是否嘗試過以下方法：

$('#theDiv').prepend('<img id="theImg" class="myClass" src="theImg.png" />')