テーブルの行に値を追加しますか？

0


0

テーブルの行に値を追加しますか？

3列のテーブルがあり、2番目の列の値の合計を取得する必要があります。追加のセルを識別するために使用されるIDを保持しています。 Jクエリでそれを行う必要がありますか？forループを使用してテーブルの各行と列にアクセスする方法を知りたいです。

        ID

Mark

1

40

2

35

1

52

#tbl [row] [col]などのいくつかのインデックスを使用して各行にアクセスできますか？Thnaks事前に、出力が予想されるIDが1になる値を追加する必要があります92 [40 + 52]

html jquery

Source

1 Answer

2


このような何かがうまくいくでしょう：

​function getTotal(id) {
  var total = 0;
  $("td:first-child").filter(function() { return this.innerHTML == id; })
      .next().each(function() { total += parseInt(this.innerHTML, 10); });
  return total;
}

例えば：

alert(getTotal(1)); // alerts 92
alert(getTotal(2)); // alerts 35

http://jsfiddle.net/nick_craver/ngMte/1/ [ここでテストできます]。これは、セルの最初の列を取得し、http：//api.jquery.com/filter/ [ .filter（）]からIDに一致するものまで（ここではhttp://api.jquery.com/contains-selector/ [：contains（）]を使用しないでください、部分文字列一致です）一致した場合、http：//api.jquery.com/next/ [.next（）]を使用して隣接セルを取得します。 これらのセルについては、https：//developer.mozilla.org/en/JavaScript/Reference/Global_Objects/parseInt [praseInt（）]を使用して数値を取得し、それを「total」に追加しています。

Source

Linked
Related