在 jquery 中使用 .clone() 时如何停止克隆在 <Td> 元素内输入的文本

Question

我请求创建一个表，当在一行的最后一列上按 TAB 时添加“动态”行。最终我用 HTML 创建了一个结构<table id="some_table"><tr>    <td>        <input type="text" />    </td>    <td>        <input type="text" />    </td>    <td>        <input type="text" />    </td></tr>然后我在 JS 中使用了这个简单的代码$('#some_table').on('keydown', 'input', function (e) {    var keyCode = e.keyCode;    if (keyCode !== 9) return;    var $this = $(this),        $lastTr = $('tr:last', $('#some_table')),        $lastTd = $('td:last', $lastTr);    if (($(e.target).closest('td')).is($lastTd)) {        $lastTr.after($lastTr.clone());    }});我已经添加了脚本源<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>它实际上做了什么，当您键入数据并在最后一个上按 TAB 时，clone() 正在克隆带有数据的最后一行，我想避免这种情况。我只想克隆新行的空列，事实上，创建具有相同结构但没有任何数据的新行。怎样才能做到这一点呢？我已经添加了jsfiddle链接

Answer 1

我刚刚将其添加到您的代码中

    $('tr:last', $('#some_table')).find('td > input').each(function(index, value){
    $(value).val('')
  })

看看 https://jsfiddle.net/ctxmb29q/

这是你想要的吗？