2012-08-02 60 views
-2

因此,即时建立一个表格,允许客户端添加更多行以便向表格添加更多数据。 我如何计算添加到表中的行的总数? 这里是一个例子,无论出于什么原因在jsfiddle上都没有实际工作,只是为了了解功能。计算有多少行通过javascript添加到表中

http://jsfiddle.net/ScEzz/1/

所以说用户增加5排3倍和15行一次,结果应该是(5 * 3)15 + 15 +原装1 = 31

+0

我认为,如果你真正实现行的加入它将变得非常清楚如何计算添加的行数。 – travis 2012-08-02 20:11:47

回答

1

你应该能够保持跟踪你的代码,但除此之外,你可以做到这一点...

​​

或用如果你想的jQuery ...

var count = $("#mytable > tr").length; 
+0

谢谢你,我在过去的一个小时里敲着脑袋!一旦7分钟后,你就得到了最好的答案! – matture 2012-08-02 20:17:34

1
$("#mytable tr").length-1 

这会让您的号码tr s减去1的标题。

由于您已经在使用jQuery,因此您可以通过在jQuery而不是JS中做一些事情来使代码变得更清晰。

  • $('#mytable');
  • 选择的元素创建一个元素,只需在jQuery的开始标签:var row = $('<tr>');
  • 使用jQuery的append方法table.append(row);
+0

更好的是,将标题移入一个thead并计算tbody中的行数。这种方式的变量较少,以防万一第二个标题行被添加,等等。 – Nope 2012-08-02 20:17:11

+0

谢谢你们,这个解决方案效果很好,但我不是我打败你了吗? – matture 2012-08-02 20:18:08