2016-03-07 144 views
0

我已经设置了下面的小提琴。 https://jsfiddle.net/yvnyk69v/3/克隆Divs和改变标签

正如你所看到的,我有三个div包含一个输入和一个复选框。每个div彼此独立,这意味着他们的标签不应该由另一个divs计数确定。在这个例子中,你可以看到我给了Group 1一个group1Row的id。这允许每个克隆的输入都有一个标签,并在其末尾添加计数。因此,第一个标签是第一组和第二组1.第一组标签1

但我不认为id方法是正确的方法。目前,我正在使用计数

var cloneG1 = $("#group1Row .clone"); 
var cnt = cloneG1.length + 1; 

现在我不能真正为每个个人ID做这个。我正在努力实现我为所有团体的第一组工作。所以, 如果你添加一个新的行到组2,标签应该从1开始,而不是从以前的组也起来。我认为 它可能有意义使用$(this)以某种方式。

增加每个div的值的最佳方法是什么?

谢谢

+0

委托通过在jQuery的替代1.7+。我正在检查你的代码。 – mehulmpt

回答

1

我已经更新了你的小提琴。代码似乎现在动态工作。我已经改变了以下行:

var cloneG1 = $(this).parent().parent().find('.clone').length; 
var cnt = cloneG1 + 1; 

https://jsfiddle.net/yvnyk69v/4/

+0

完美,我也改变了代表。当我取消选中一个复选框时,它应该删除相应的输入。我现在拥有的方式可以让事情变得糟糕。有没有办法让它在未选中时删除相关的输入?谢谢 –

+1

“删除相关的输入”。那是什么意思? – mehulmpt

+0

因此,在小提琴中,为组1添加几个输入。完成后,从顶部开始取消选中它们。你会看到一些输入仍然没有被选中。当某些东西没有被选中时,它应该删除相关的输入。 –