jquery - 每个克隆实例的 jquery 计数和显示计数

Question

任务我正在克隆具有以下功能的 div.cloneable：

$('#addBtn').click(function() {
 var c = $('.cloneable:first').clone(true);
 $('.cloneable:last').after(c);
}
});

然后，在我克隆 .cloneable 之后，我可以使用此函数删除任何实例：

$('.dltBtn').click(function() {
$(this).closest('.cloneable').remove();
$('.dltBtn').attr('disabled',($('.cloneable').length  

问题： 我在 div.cloneable 中有一行 html：“Adobe Flash Streaming Service #1”。如何递增/递减并显示#1，在我克隆时递增以显示#2、*3 等，以及在删除 div.cloneable 元素时递减？

Answer 1

我认为您可能正在寻找的是 div 对象的 innerHTML 属性。然后您可以在# 上拆分结果字符串，获取第二个元素，然后对其进行 parseInt()，然后将其递增。然后将 innerHTML 设置回来。

像这样：

var inner = c.innerHTML;
var arr = inner.split("#");
var numString = arr[1];
var myNum = parseInt(numString);
myNum ++;
c.innerHTML = "Adobe Flash Streaming Service #" + myNum

或更短：

 c.innerHTML = "Adobe Flash Streaming Service #" + (parseInt(c.innerHTML.split("#")[1]) + 1)