javascript - 更改跨度 css 会引发未定义的函数错误

Question

我试图遍历一个 div 中的所有子 span 并按时间间隔更改它们的 css，如下所示:

console.log(container[j]);给出:

<span class=​"char7">​r​</span>​
Uncaught TypeError: undefined is not a function

JS:

function callback() {
 //#palindromeRun div contains value "racecar"
    $("#palindromeRun").lettering(); //split each letter in input into separate span
    $("#palindromeRun span").each(function (i, v) {
        container.push(v);
    });
    i = 0;
    j = container.length-1;
        myInterval = setInterval(function() {
            if (i === j) {
                window.clearInterval(myInterval);
            }
            console.log(container[j]);
            container[i].css({"color" : "green"});
            container[j].css({"color" : "green"});      
            i++;
            j--;

        }, 1000);
}

所以我的问题是，如果container数组包含跨度，例如 <span class=​"char7">​r​</span> ，为什么会说undefined is not a function ？

---

编辑:updated JS Bin

Answer 1

您插入容器数组的 v 不是 jQuery 对象，它是 DOM 元素，因此不存在 .css() 方法。您需要以 $(container[j]).css({"color":"green"}); 或 container[j].style.color = “绿色”