jQuery是一款廣泛應用于Web開發中的JavaScript庫,它的功能強大且易于使用。
其中一個非常實用的功能是計算表格的總和。通過jQuery,我們可以輕松地遍歷表格中的每個單元格,并將其值加起來得到總和。
<table id="myTable"> <tr> <th>名稱</th> <th>價格</th> </tr> <tr> <td>蘋果</td> <td>5</td> </tr> <tr> <td>香蕉</td> <td>3</td> </tr> <tr> <td>桃子</td> <td>2</td> </tr> </table>
首先,我們需要用$()函數選中表格中所有的單元格,并使用each()方法遍歷每個單元格:
$(document).ready(function(){ var sum = 0; $("#myTable td").each(function(){ // 此處寫計算總和的代碼 }); });
然后,在each()方法中,我們需要獲取每個單元格的值,并將其轉換為數字(因為單元格的值是字符串類型)。
$(document).ready(function(){ var sum = 0; $("#myTable td").each(function(){ var value = $(this).text(); var number = parseInt(value); sum += number; }); });
最后,我們將總和輸出到控制臺或頁面上:
$(document).ready(function(){ var sum = 0; $("#myTable td").each(function(){ var value = $(this).text(); var number = parseInt(value); sum += number; }); console.log("總和為:" + sum); // 或者: $("#total").text("總和為:" + sum); });
通過這樣的方法,我們可以方便地計算出表格中所有單元格的值的總和。