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" />')