Jquery 克隆元素而不是数据

Jquery 克隆元素而不是数据,jquery,copy,Jquery,Copy,编辑: 我决定不使用克隆技术,因为它似乎远远超过了我的知识水平。但建议我不要删除一个问题,所以这个问题就在这里 我有两个表,一个由数据填充,另一个为空。我正在使用可拖动和可拖放的jquery ui,以便将数据从第一个表移动到另一个表。而且它工作得很好。现在,我正在尝试克隆第二个表的“tr”元素,当使用.clone()删除数据时,该表中的数据将被复制。克隆工作正常,但它也会克隆数据,我不需要这些数据,我只想克隆tr元素 这是html <div id="contact-list"> &l

编辑: 我决定不使用克隆技术,因为它似乎远远超过了我的知识水平。但建议我不要删除一个问题,所以这个问题就在这里

我有两个表,一个由数据填充,另一个为空。我正在使用可拖动和可拖放的jquery ui,以便将数据从第一个表移动到另一个表。而且它工作得很好。现在,我正在尝试克隆第二个表的“tr”元素,当使用.clone()删除数据时,该表中的数据将被复制。克隆工作正常,但它也会克隆数据,我不需要这些数据,我只想克隆tr元素

这是html

<div id="contact-list">
<table class="contact-list-table">
    <thead>  
        <th>Name</th>
    </thead>
    <tbody>
        <tr id="1"><td>Nora Marzuki</td></tr>
        <tr id="2"><td>Tunku Imran</td></tr>
        <tr id="3"><td>Iman Nong</td></tr>
    </tbody>
  </table>
  </div>
    <div id="guest-list">
    <table class="guest-list-table">
    <thead>
        <th>Guest</th>
    </thead>
    <tbody>
        <form>
            <tr><td><input name="guest" readonly /></td></tr>
        </form>
    </tbody>
</table>
</div>
于是我试着:

var copy = $(this);
copy.clone(true).find(":input").val("").end().insertAfter(copy);
它复制了不包含数据的元素,但当我试图在复制的元素中放入第二个数据时,我做不到,这就是我卡住的地方

非常感谢您提供的任何帮助/想法,如果有不同/更好的方法来实现我的目标,也非常感谢您的建议。提前谢谢。

试试这个:

var $cloned = $("tr").clone().children().text("").end();
替换
var copy=$(此项);copy.closest('tr').clone(true).prependTo(copy.closest('guest list table'))
to
var$clone=$(“tr”).clone().children().text(“”.end(),这就是你的意思吗?因为我做了,而tr元素根本没有被克隆。
var copy = $(this);
copy.clone(true).find(":input").val("").end().insertAfter(copy);
var $cloned = $("tr").clone().children().text("").end();