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