jquery - 如何使用jquery在html表中动态添加新行

Question

在我的 html 表中，我有几个输入元素。当用户在填写最后一个年龄列后点击 Enter 按钮时，我想在表的末尾插入一行新的输入元素。我希望这张图片能让事情变得更清楚.. 是否可以使用 jquery，因为我是 jquery 的新手。任何形式的帮助将不胜感激..

Answer 1

通过对表格 html 结构的一些猜测，总体思路如下:

$('input.last').keyup(function handleEnter(e){
    //enter hit on the input that has class last
    if(e.which == 13) {

       $(this).removeClass('last').unbind('keyup');

       $('.myTable').append('<tr><td><input name="input1"/></td><td><input name="input1"/> </td><td><input name="input1" class="last"/></td></tr>');

       $('.last').keyup(handleEnter);
    }
});