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

下面的代码添加了一个带有“删除”图标和一站式增加ID的新文本区。（请查看下面的链接）

$（文档）.ready（函数（）{
i=1；
$（'.add'）。单击（函数（）{
我++
$（“.append_data”）.append（'Textarea'+i+'X'）；
});
$（'.append_data'）。on（'click'，'remove'，函数（e）{
e、 预防默认值（）；
//$（this）.closed（'.textarea_cloned'）.remove（）；
var id=$（this.data（'id'）；
$（'#'+id+''）.remove（）；
返回false；
});
//到此为止
});

当我点击“添加”一次-一个新的文本区域正在生成ID为2。。。然后我决定把它拿走。然后我再次单击“添加”，我想再次获得ID 2，但它将是ID 3。我知道我已经解释得有点混乱。下面是所需的算法：

单击“添加新文本区域”

单击“X”（将其删除）

再次单击“添加新文本区域”，它应该具有ID 2而不是ID 3

为了您的方便，这里有小提琴：

---

谢谢你

在

$（“#”+id+”）之后添加
i-->
。删除（）

你可以得到你所做的文本区域的计数，然后继续。 我已经为计算类名创建了唯一的类：

txtarea

$（文档）.ready（函数（）{
$（'.add'）。单击（函数（）{
变量i=$（'.txtarea'）.length；
i=i+1；
$（“.append_data”）.append（'Textarea'+i+'X'）；
});
$（'.append_data'）。on（'click'，'remove'，函数（e）{
e、 预防默认值（）；
var id=$（this.data（'id'）；
$（'#'+id+''）.remove（）；
返回false；
});
//到此为止
})；

文本区域1
添加新的文本区域

刚刚意识到应该如此，该死的=））i=id-1；晚上..嘿..谢谢老兄！如果你不介意的话，再问一个问题（更难的问题）-如果我添加，比方说，五个新的文本区域，然后删除#3和#4…如何将其余的从1到3排列？也许我应该将其作为一个单独的问题发布？好吧，你需要在每次单击RemoveHank你这么多Rehban时重新排列所有文本区域！我将尝试找出如何将var I设置为最后一个（最大的）我自己的id。谢谢！！！！i=j-1；重置最后一个id（排序完成后）再次感谢，先生！我很高兴帮助您，先生。

$(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
});