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

时间:2011-04-25 18:44:56

标签: jquery clone increment decrement

任务我使用以下函数克隆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元素时递减?

1 个答案:

答案 0 :(得分:0)

我认为您可能正在寻找的是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)