计算通过javascript向表中添加的行数

Counting how many rows are added to table via javascript

本文关键字：添加 javascript 计算      更新时间：2023-09-26

因此，我正在构建一个表，允许客户端在其中添加更多行，以便向表中添加更多数据。如何计算添加到表中的总行数？这是一个示例，无论出于何种原因，它实际上并不适用于jsfiddle，只是为了了解功能。

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

假设用户三次添加5行，一次添加15行，结果应该是（5*3）15+15+原始1=31

您应该能够跟踪代码，但除此之外，您还可以这样做。。。

var count = document.getElementbyId("mytable").rows.length;

或者使用jQuery，如果你想。。。

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

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

这将得到标头的tr的数目减去1。

由于您已经在使用jQuery，您可以通过在jQuery而不是JS中做一些事情来使代码更干净。

  • 使用$('#mytable');选择元素
  • 在jQuery:var row = $('<tr>');中创建一个只有开始标记的元素
  • 使用jQuery的追加方法table.append(row);
相关文章：