Javascript 添加/删除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

单人房
双人间
高级房
豪华双人房
豪华双人房
格洛里亚房间
0
您需要附加到父div，再添加一个div

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

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

在移除之前，请检查“房间类型”课程的长度

这是给你的小提琴

我假设在一条语句中调用
count++
和
count--
两次，每次都会增加和减少两次。尝试只操作一次
计数
，并使用它的值。例如
if（count>0）{count++；removeBtn.data（“count”，count）.attr（“data count，count”）；}
共享您的html或创建fiddlebookanytravel.com/hotel/city palace hotel tashkent/#rooms In rooms In rooms tashkent选项卡您可以看到我试图修复的房间类型您想一次添加一行吗？或者克隆已存在的行数？例：如果下一个加法中有2个，您想将总数计算为4？还是3行？是的，先生你说得对，我想加1行。总数3谢谢我更新了我的代码你可以通过这个链接看到bookanytravel.com/hotel/city palace hotel tashkent/#rooms我有最后一个问题我可以在不添加额外div的情况下这样做吗？或者把它放在那里的某个地方，我在那个链接的html中看不到container div？你需要在你的第一个房间类型类之前添加它，并在带有类按钮的div之前结束它，没有这个div这个代码将无法工作，更新了fiddle with comments现在你可以检查链接附加div可能会破坏我的css那么你的HTML本身就有问题了。。。。在您提供的代码中添加div不会破坏您花费的时间，您提供了全面的解决方案。现在我将尝试寻找html的解决方案。如果不添加任何附加div，这将是最好的
room.clone().appendTo("#container");