使用JavaScript獲取單元格值

Question

我在具有以下結構的用戶控件中有一個asp：table（table1）

---

           |  Col2 | Col3 | SUM
   DEFAULT |    5  |   2  |    
      R1   |    1  |   2  |     
      R2   |    4  |   5  |  

---

在這里，只有標題是在aspx頁面中靜態創建的，其余所有行都在.vb（動態）頁面中添加。

我的要求是，在頁面加載（在客戶端，加載表之后）上，我希望Sum列顯示Col2和Col3的總和。 同樣，由於Col2和Col3是可編輯的，因此在單元格中的數據更改時，Sum值應自行更新。

由於沒有單元格ID，如何找到這些單元格，還應調用哪些事件來顯示這些值？

Answer 1

JavaScript ：

    var col2,col3;
    var table = document.getElementById('tableid');
    for (var i = 0; i < table.rows.length; i++) {
        //2 - first cell number, 3 2nd cell number.
        for (var j = 2; j <= 3; j++) {
           if(j==2){//coll2
             col1 += table.rows[i].cells[j].innerHTML;
           }else if(j==3){//col3
             col2 += table.rows[i].cells[j].innerHTML;
           }
        }
    }

您可以這樣查看：（也許這會使它看起來很簡單）
表：
{row：0，cell：0}，{row：0，cell：1}， {row：0，cell：2}，{row：0，cell：3} ，{row：0，cell：4}
{row：1，cell：0}，{row：1，cell：1}， {row：1，cell：2}，{row：1，cell：3} ，{row：1，cell：4}
{row：2，cell：0}，{row：2，cell：1}， {row：2，cell：2}，{row：2，cell：3} ，{row：2，cell：4}
...
（粗體值是您將在上面的代碼中獲得的值）
希望對您有所幫助，您只需要表ID。

Answer 2

HTML：

<Table id='tblTest'>
    <thead >
        <th>
            ID
        </th>
        <th>
            Name
        </th>
    </thead>
    <tbody >
        <tr>
            <td>
                1
            </td>
            <td>
                JavaScript
            </td>
        </tr>
        <tr>
            <td>
                2
            </td>
            <td>
                JQuery
            </td>
        </tr>
    </tbody>
</table>

jQuery的：

var totRow=$('#tblTest tbody').find('tr').length;
var totCol=$('#tblTest thead').find('th').length;

for(var i=0;i<totRow;i++){
    for(var j=0;j<totCol;j++){
    var text= $('#tblTest tbody').find('tr:eq('+i+') td:eq('+j+')').text();
        console.log(text.trim());
    }
}

如果你想看JSFiddle