javascript - javascriptを介してテーブルに追加された行数をカウントする

Question

したがって、テーブルにデータを追加するために、クライアントが行を追加できるテーブルを作成しています。テーブルに追加された行の総数をカウントするにはどうすればよいですか？これは、何らかの理由で実際にはjsfiddleで機能しないが、機能の概念を理解するためだけの例です。

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

したがって、ユーザーが5行を3回追加し、15行を1回追加すると、結果は（5 * 3）15 + 15 + original 1=31になります。

Answer 1

あなたはあなたのコードを追跡することができるはずです、しかしそれとは別に、あなたはこれをすることができます...

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

---

または、必要に応じてjQueryを使用して...

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

Answer 2

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

これにより、trsの数からヘッダーの1を引いた数が得られます。

すでにjQueryを使用しているので、JSの代わりにjQueryでいくつかのことを行うことで、コードをよりクリーンにすることができます。

• で要素を選択$('#mytable');
• jQueryでbeginタグのみを使用して要素を作成します。var row = $('<tr>');
• jQueryのappendメソッドを使用するtable.append(row);