克隆的div不能正确停留在网格中

所以我左边有一个按钮，右边有一个表格。 如果单击左侧的按钮，则最多可以创建6个表单。 如果我手动在html中创建这些表单，一切都会正确显示。 但是，由于我正在克隆它们，它们似乎表现得很奇怪。

例如，关于第4个克隆，按钮被按下而不是停留在左上角。

每次克隆该部分时，我都会更新该表格的编号。 但是我如何让它们保持在网格中？如何根据显示的数字使它们保持升序？

谢谢！

JS FIDDLE

var cloneIndex = 1; var clones_limit = 5; var cloned_nbr = $(".clonedInput").length-1; //Exclude Default (first) div function clone() { if(cloned_nbr1){ $(this).parents(".clonedInput").remove(); cloned_nbr--; } } $(".clone").on("click", clone); $(".remove").on("click", remove); 

Answer 1

我在表单中添加了id="formy" ，然后使用$("#formy").append(new_clone)来添加克隆。 这似乎使您的按钮保持在左上方并保持克隆顺序。

 
 
 ADD ANOTHER FLAVOR PROFILE 
 
 
Create Flavor
 
Flavor profile 1
 
  
 
  
 
  
 Remove