jquery - 在最后一个 td 上按 Tab 键添加表格行

Question

假设我们只有一个简单的表格，如下所示。我可以通过按 Tab 键浏览 TD。

<table>
    <tr>
        <td>...</td>
        <td>...</td>
        <td>...</td>
    </tr>
</table>

当我在最后一个 TD 上按 Tab 时，我想附加一个新的 TR。我尝试了很多方法，但就是无法使其发挥作用。

希望有人能解决!

编辑:

目前这是我正在尝试工作的脚本。

$(document).keydown(function(e) {
   if (e.keyCode === 9) {
       var test = $(this).closest("td").next().find("td");
       console.log(test);

       $('tr:last td:last').addClass('last').css({backgroundColor: 'yellow'});

       if($('td').hasClass("last")) {
           $(this).append('test');
       }
   }
});

Answer 1

你可以尝试这样的事情

Javascript

$('table').on('keydown', 'input', function (e) {
    var keyCode = e.keyCode;
    if (keyCode !== 9) return;
    var $this = $(this),
        $lastTr = $('tr:last', $('table')),
        $lastTd = $('td:last', $lastTr);
    if (($(e.target).closest('td')).is($lastTd)) {
        $lastTr.after($lastTr.clone());
    }
});

<强> Check Fiddle