javascript - 表格 jQuery/Javascript

Question

我有两个问题。我正在尝试在按下“输入”按钮时动态创建表格。

function commandLine() {
    $('#write').bind('keypress', function (e) {
        if (e.keyCode == 13) {
            var $table = $('<table>');
            //tbody
            var $tbody = $table.append('<tbody />').children('tbody');
            // add row
            $tbody.append('<tr />').children('tr:last')
                .append("<td>Router#</td>");
            // add table to dom
            $table.appendTo('#console');
        }
    });

}

此代码有效，但是当我按 Enter 键时，我得到 3 行且没有列。我需要按 Enter 并获得 1 行 2 列。请帮忙！

Answer 1

好吧，我在这里做得很好。您尚未指定第二列或其他任何内容。在您的代码中，列的东西在这里：

$tbody.append('<tr />').children('tr:last')
    .append("<td>Router#</td>").append("<td>Column 2</td>");
//                             ^ Add second column's cell

小提琴：http: //jsfiddle.net/praveenscience/EZpgF/