jquery如何克隆bootstrap行

我正在尝试克隆一个引导行，但每次我得到一个多行（1-2-4-8-etc）

$("#clone").click(function() { $(".cloned-row:first").clone().insertAfter(".cloned-row"); });

HTML

      Foo  
 
   bar

我怎么能一次只克隆一个div克隆行？谢谢

您只是告诉它在insertAfter(".cloned-row") 每个克隆行之后插入。这导致了你没想到的额外克隆。

只需在最后一个之后插入:last

例如

 insertAfter(".cloned-row:last")

JSFiddle： http ： //jsfiddle.net/TrueBlueAussie/u8zdutfy/