javascript - '未捕获类型错误 : undefined is not a function' keeps showing up for different lines of code

Question

我正在尝试获取一组文本，当我点击按钮时，它会更改为另一组不同的文本。我尝试了很多不同的方法，但似乎无法使其发挥作用。这是一个工作Jsfiddle 。

我不断收到“未捕获类型错误:未定义不是函数”行

var $rep = $update.textContent.substring(1);

我已经更改了这行代码，但是在同一函数内的不同代码行上会出现相同的错误。

function createAnswers() {
    var i;
    for (i = 0; i < 4; i++) {
        var $update = $(".answers p")[i];
        var $rep = $update.textContent.substring(1);
        console.log($rep);
        var answerText = document.createTextNode(randomImage.randomAnswers[i]);
        if (usedImages.length >= 1) {
            $rep.replaceWith(answerText);
        }
            $update.appendChild(answerText);
    }
}

我对 Javascript 还很陌生，所以我可能会遗漏一些非常明显的东西。任何建设性的批评都会有所帮助。

Answer 1

你的函数应该是这样的:

function createAnswers() {
    var i,
        $answers = $(".answers p");

    for (i = 0; i < 4; i++) {
        var $update = $answers[i];
        var $rep = $update.textContent.substring(1);
        var answerText = document.createTextNode(randomImage.randomAnswers[i]);

        if (usedImages.length >= 1) {
            $update.textContent = $update.textContent.replace($rep, answerText.textContent);
        }

        $update.appendChild(answerText);
    }
}

在 var $update = $(".answers p")[i]; 之后不需要使用 jQuery 函数，因为 $update 变成了 DOM 节点。