jquery在一个父div中动态添加子div，并在每个子div中显示这是当前第几个子div

Posted 2023-04-16

jquery在一个父div中动态添加子div，并在每个子div中显示这是当前第几个子div，每个子div中有删除按钮，点击后能删除当前这个子div，删完之后继续添加时还是从上一个div的序号开始算 。 要实现这个功能 ！

参考技术A <button id="add">添加</button>
<div id="box"></div>
<script>
$(function()
   $("#add").on("click",function()
      $("#box").append("<div><span>"+($("#box div").size()+1)+"</span><button>删除</button></div>");
   );
   $("#box").on("click","div button",function()
      $(this).parent().remove();
      $("#box div span").each(function(i,e)
         $(e).text(i+1);
      );
   );
);
</script>

参考技术B 给没个div绑定一个id，再根据这个id删除即可追问

方便写一下代码吗

div子元素无法调整

参考技术A 直接在高度塌陷的父元素的最后，添加一个空白的div。通过查询div子元素资料了解显示得知，div子元素可直接在高度塌陷的父元素的最后，添加一个空白的div。