Jquery 如何将表单添加到表单中？

单击按钮时，我想在窗体下方添加窗体。迄今为止的代码：

<form class="a" action="" method="" > 
  product:<input type="text">
  price:<input type="text">
</form>
<div class="b"> </div>
<button class="c"> add </button>

我试过使用append，但它也不起作用。

你忘记了b前面的点

$('.a').insertAfter($('.b'))

工作示例：

下面是如何附加一个新表单

$('.c').on('click', function(){
    $('<form><input type="text"/></form>').appendTo($('.b'));
});

$（'.c'）。在（'click'，function（）上{
$（''）。附于（$（'.b'）；
});

---

您想使用

clone（）

复制第一个表单，然后使用append（）将其放入另一个容器中

$('.c').on('click', function(){
    var $clone = $('.a:first').clone();
    // clear all values in clone
    $clone.find(':input').val('');
    $('.b').append( $clone );    
});

您当前使用的方法只是移动现有的方法

---

对不起。我在这里写代码的时候遗漏了一些东西。仍然无法使窗体显示。这只是移动窗体，而不是添加窗体。您应该更清楚地了解您要完成的任务。表单已经是DOM的一部分了吗？谢谢您的回答。

$('.c').on('click', function(){
    $('<form><input type="text"/></form>').appendTo($('.b'));
});

$('.c').on('click', function(){
    var $clone = $('.a:first').clone();
    // clear all values in clone
    $clone.find(':input').val('');
    $('.b').append( $clone );    
});