删除克隆元素后的准确编号

Question

这里是添加带有“删除”图标和一站增加ID的新textarea的代码。 （请查看下面的小提琴链接）

$(document).ready(function() {
  i = 1;
  $('.add').click(function() {

    i++

    $(".append_data").append('<div class="textarea_cloned" id="' + i + '"><textarea name=txt_' + i + '>Textarea ' + i + '</textarea><div data-id="' + i + '" class="remove"> X </div></div>');
  });

  $('.append_data').on('click', '.remove', function(e) {

    e.preventDefault();
    //$(this).closest('.textarea_cloned').remove();
    var id = $(this).data('id');
    $('#' + id + '').remove();
    return false;
  });

  // end of it all
});

当我点击“添加”一次 - 使用ID 2生成一个新的textarea ...然后我决定删除它。然后我再次单击“添加”，我想再次获得ID 2，但它将是ID 3.我知道我已经解释了它有点凌乱。这是所需的算法：

1. 点击“添加新文字区域”
2. 点击“X”（将其删除）
3. 再次点击“添加新的textarea”，它应该是ID 2而不是ID 3.

这是小提琴，为您提供方便： https://dashboard.ngrok.com

谢谢

Answer 1

在i--;之后添加$('#' + id + '').remove();。