未捕获的类型错误：$(...).appendTo(...).append 不是函数答案

【问题标题】：Uncaught TypeError: $(...).appendTo(...).apeend is not a function未捕获的类型错误：$(...).appendTo(...).append 不是函数
【发布时间】：2018-01-16 00:08:20
【问题描述】：

我有这个脚本：

$("<tr>").appendTo($ul)
         .apeend($("<td>").text(item.id).appendTo($ul))
         .apeend($("<td>").text(item.fname).appendTo($ul))
         .apeend($("<td>").text(item.lname).appendTo($ul));
});

控制台显示以下错误：

Uncaught TypeError: $(...).appendTo(...).apeend is not a function
    at Object.<anonymous> (test2.jsp:23)
    at Function.each (jquery-3.2.1.min.js:2)
    at Object.success (test2.jsp:21)
    at i (jquery-3.2.1.min.js:2)
    at Object.fireWith [as resolveWith] (jquery-3.2.1.min.js:2)
    at A (jquery-3.2.1.min.js:4)
    at XMLHttpRequest.<anonymous> (jquery-3.2.1.min.js:4)

这是怎么引起的，我该如何解决？

【问题讨论】：

你有一个错字。 append 不是 apeend
不是apeend。它必须是append。检查并更正
oki，我没注意到我已经修好了谢谢:)
您还应该删除那些为每个td 所做的.appendTo($ul)。

标签： jquery typeerror

【解决方案1】：

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="jquery-3.2.1.min.js" type="text/javascript"></script>
</head>    
<body>
    <button id="but">click me </button>
    <div id="test">
<table id="name"></table>
    </div>
        </body>

</html>

在 jquery 中

$('#name').dataTable().fnClearTable();
$('#name').dataTable().fnDraw();
$('#name').dataTable().fnDestroy();
$.ajax({

    type : "POST",
    contentType : 'application/json;charset=utf-8',
    dataType : 'json',
    url : 'Your URL',
    data : JSON.stringify(),
    success : function(result) 
    {

        if (result != "") 
        {
            edit_count=0;
            row_count = 0;
            $.each(result,function(i,item) {
                    row_count++;
                    edit_count++;

                                tr = $('<tr/>');
                                tr
                                        .append("<td style='text-align:left;padding-left:20px;'>"
                                                + item[0]
                                                + "</td>");
                                tr
                                        .append("<td style='text-align:left;padding-left:20px;'>"
                                                + item[1]
                                                + "</td>");
                                tr
                                        .append("<td style='text-align:left;padding-left:20px;'>"
                                                + item[2]
                                                 +"</td>");




                                $('#name').append(tr);


            });


            }
        }
    });

【讨论】：