Jquery复制并粘贴DOM节点？

Question

我有一个如下所示的表格.

<tr>
  <td>Link Name</td>
  <td><a href="#" class="edit">Edit</a></td>
</tr>

在表的底部我有以下内容.

<tr>
  <form class="hidden create">
    <h3>Add Link</h3>
    ...
    <input type="hidden" name="form_id" value="{menu-id}" />
  </form>
</tr>

为了避免大量的HTML页面我认为如果jquery可以复制创建表单,调整一些属性然后使它出现在链接行之后会很酷.唯一的问题是如何...

所以这是我的问题.

1)如何获取创建表单并使用jquery将其另存为变量？

2)如何编辑隐藏字段？我知道如何更改属性但是如果表单在变量中,如何选择字段呢？

3)如何在自己的行上编辑链接后将此表单粘贴到我的表中？我需要像父母一样的东西吗？

谢谢负载

Answer 1

1)将表格的副本放在变量中:

var create_form = $('form.create').clone();

2)从变量中获取隐藏的输入:

create_form.find(':hidden[name=form_id]').doSomething()...

3).edit在同一行中链接后放置表单(我假设这是在事件处理程序中):

$(this).closest('tr').find('a.edit').after( create_form );