未捕获的TypeError：undefined不是函数

Question

我正在制作一个插件，如果太长，可以在其中缩短论坛索引中每个条目的标题。 但是，这比我预期的难得多。

一切正常，除了我需要实际将项目打印到DOM上的部分。

我收到此错误：

Uncaught TypeError: undefined is not a function 

这是我的代码，还有一些笔记，向您展示了它是如何工作的。

var minimize = function() {
    $('.segment').each(function(){
        var title_box = $(this).children('.title');
        // Selects the container of the title.
        var title = $(this).children('.title').text().trim();
        // Takes the child title of the each .segment class and selects its innards.
        console.log(title);
        var res = title.split("");
        // Splits the text into an array.
        console.log(res);
        var fragment = [];
        // initializing the empty array
        for (x = 0; x < 4; x++) {
            fragment.push(res[x]);
            console.log(fragment);
            // Loops through to make sure it's not more than 5 characters long
        };
        var final = fragment.join("");
        // Joins the broken up string together.
        title_box.empty();
        final.appendTo(title_box);
    });
};

您认为我做错了什么？ 如果我还有其他方法可以使此代码更高效，请不要犹豫告诉我。

Answer 1

在这里，您将fragment定义为数组：

var fragment = [];

然后填充它并执行以下操作：

var final = fragment.join("");

阅读关于array.join的文档以了解该功能的作用。 简而言之，它将数组连接成一个string

所以现在当您这样做时：

final.appendTo(title_box);

因为字符串没有appendTo方法，所以出现TypeError

您可能想要的是一个jquery对象，用于调用appendTo 。

也许您的意思是：

title_box.text(final);