jQuery中的作用域load（）函數

Question

我遇到了作用域問題。對於這個沒有問題的問題抱歉。

我想將圖像追加到父div與jQuery，但不知道如何將變量「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

LIVE DEMO

$(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」是加載事件所附加的對象。

Answer 4

你有沒有試過如下：

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