我不能使用Jquery

Question

我有一个表格，最初我决定使用div包装：

<div class="formWrap">
 <input class="desc" name="newdescription[]" value="" />
</div>

我动态添加了一些字段：

newDesc = $('.desc:first').clone();
$(newDesc).appendTo('.formWrap');

到目前为止，一切都像魅力一样，但后来我改变主意，决定把它变成一个表格，因为我不再使用AJAX了，而是将表格提交到下一页。

<form class="formWrap" type="post" action="nextpage.php">
 <!-- Some inputs -->
</form >

一旦我将div更改为一个表单，我就无法追加，如果我把它放回到它可以运行的div中。

我找到的解决方案是离开div并将所有内容包装成表单。但即使这是一个解决方案，我仍然很好奇为什么我不能让它直接用表格工作。

   <form type="post" action="nextpage.php">
   <div class="formWrap">
         <!-- Some inputs -->
   </div>
   </form >

我一直在阅读，我没有找到任何限制，因为无法附加到表格，所以我现在有点失落。任何想法？

Answer 1

如果有人得到同样的错误，这可能会有所帮助。 找到答案需要一段时间，但我发现了错误。我意识到表单是一个表单，显然是一个巨大的错误！ 我猜Jquery可以防止附加到另一种形式的表单中。

<form>
.
.
.
<form class="formWrap" type="post" action="nextpage.php">
 <!-- Some inputs -->
</form >
.
.
.
</form >

如果你不能附加到表格中，很可能它是另一种形式的孩子。 这是一个小提琴，显示它是如何工作的：

https://jsfiddle.net/uaeh1kjr/1/

正如@Eddie在评论中提到的那样，这个只有一种形式：https://jsfiddle.net/uaeh1kjr/