javascript - 无法将图像附加到 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

当您索引到 jQuery 对象时，您会得到一个 DOM element，而不是jQuery。更改enemies[i]为$(enemies[i])或enemies.eq(i)。

Answer 2

animation()您在尝试连接函数中的字符串时搞砸了

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