添加/删除div块jQuery

我正在编写一个脚本，在单击添加按钮后添加div块。
一切都很好，但是在添加第二个增量块之后。

例如：第二次点击后，总共添加4个块6。

单击删除后删除最后一个也。

var removeBtn = $("#removeField"); $("body").on("click", "#addField", function(e) { e.preventDefault(); var room = $(".room-type").first(); var count = removeBtn.data("count"); if (count > 0) { removeBtn.data("count", count++).attr("data-count", count++); } else { removeBtn.data("count", 1).attr("data-count", 1); } room.clone(false).appendTo(".room-type"); }); $("body").on("click", "#removeField:not([data-count=0])", function(e) { e.preventDefault(); var count = removeBtn.data("count"); if (count > 0) { $(".room-type").data("count", count--).attr("data-count", count--).last().remove(); } }); 

HTML

 
 
    Single Room   Double Room   Deluxe Room   Deluxe Double Room   Deluxe Double Room   Gloria Room   
 
   0 <? for ($i=1; $i <option value="">  10+  
  

Answer 1

你需要附加到父div，添加一个额外的div

比如“房间类型”之上的“容器”，并将克隆附加到它上面

 room.clone().appendTo("#container"); 

在删除前检查你的“房型”课程的长度

这是一个适合你的小提琴

https://jsfiddle.net/fxabnk4o/12/