javascript - 使用 jQuery 创建新的 div？

Question

我的页面中有这六个静态 div，我想创建一个按钮来更新变量并向页面添加新的 div。这是我到目前为止所拥有的:

function addSlot(){
   maxChecks = maxChecks+1;
   $("#list").append("<div id ='member7' class='member'></div>");
}

所以这添加了一个 div，但问题是新的 div 总是有一个 'member7' 的 id。如何使下次单击按钮时，下一个新的 div 是member8，然后是member9，等等？

Answer 1

使用这个:

function addSlot(){
   maxChecks = maxChecks+1;
   var count = jQuery('.member').length;
   var div_id = count + 1;
   $("#list").append("<div id ='member" + div_id + "' class='member'></div>");
}

获取具有“member”类的 div 的总数，然后在 DIV id 中执行 +1。