无法将图像附加到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\" />');
};

但我收到异常“Uncaught TypeError：Object #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

在尝试连接animation()函数

中的字符串时，你搞砸了

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