无法将图像追加到div元素，抛出异常

Question

我想让图像出现在已经包含不同图像的div内。

var enemies = $(".enemy"); 

var animateAll = function (hits) { 
    for (var i = 0; i < enemies.length; i++) { 
     if (hits[i + 1] != "") { 
      enemies[i].append(animation(hits[i + 1])).fadeOut(150); 
     }; 
    }; 
}; 

var animation = function (animationName) { 
    return $('<img class=\"animation\" src=\"/Images/Animations/" + animationName + "Animation.png\" />'); 
}; 

但我收到异常 “遗漏的类型错误：对象#HTMLDivElement有没有方法 '追加'”

有append（）方法被弃用？

Answer 1

When you index into a jQuery object, you get a DOM element，不a jQuery。将enemies[i]更改为$(enemies[i])或enemies.eq(i)。

Answer 2

你搞砸了，而试图Concat的字符串在animation()功能

return $('<img class=\"animation\" src=\"/Images/Animations/"' + animationName + '"Animation.png\" />');