2015-06-20 141 views
-5

我有一個HTML表格。我想要的是最後一列總數。 這些是除外結果如何計算最後一列總計

-------------------------------- 
    | Names  |Process_id | total| 
    -------------------------------- 
    |construction 1001  1001 | 
    |engineering  1005  1005 | 
    |total   0  2006 | 
    ---------------------------------- 

I tried some thing here

請幫我這些

謝謝。

+1

如果您可以在此處發佈您的代碼而不是鏈接到其他網站,那會更好。 – Blip

回答

1

嘗試這樣

rowCount = $('#table4 tr:last').index() + 1; 
var total_1 = 0; 
for (i = 1; i < rowCount; i++) { 
    var rows = $('#table4 tbody tr'); 
    var cellVal_2 = parseFloat($('#table4 tr:eq(' + i + ')').find("td:last").text().replace(',', '')); 
    $('#table4 tr td:last').each(function() { 
     var cellVal_1 = parseFloat($('#table4 tr:eq(' + i + ')').find("td:last").text().replace(',', '')); 
     if (!isNaN(cellVal_1)) { 
      total_1 = total_1 + cellVal_1; 
     } 
    }); 
} 
$('#table4 tr:last td:last').html(total_1); 
+0

你修改了哪行請告訴我那一行。 –

+0

我已經在循環之外拉出total_1來完全沒有別的。 –

+0

我也修改了第一行和最後一行 –

1

做到這一點:

<table> 
    <tbody> 
    <tr> 
     <td class='js-total-column'>1001</td> 
    </tr> 
    <tr> 
     <td class='js-total-column'>1005</td> 
    </tr> 
    <tr> 
     <td class='js-total-column'></td> 
    </tr> 
    </tbody> 
</table> 

var totalSum = 0; 
$('.js-total-column').each(function() { 
    var total = $(this).html(); 
    totalSum += total; 
}); 

添加一個目標類的每個細胞總數,然後遍歷它們的JQuery與.each()由一個執行處理一個。使用$(this)來獲取循環內的單個單元格。

我從表格中刪除了其他td s和thead,以關注與答案有關的內容。

你也可以使用html data-屬性和jquery data()方法 - 這種方式可以保證你總是得到數字。單元格內容不一定穩定,如果某人在HTML中爲數字添加了£符號前綴或單元后綴,會發生什麼情況?或者,如果設計更改爲要求內容包含額外的HTML結構。

+0

我不想在jquery中使用類。感謝您的重播,我會給你投票。感謝您的回答。 –

+0

爲什麼不在jQuery中使用類?例如,如果列順序在將來發生變化,那麼這是一個很好的方法,可以讓事情變得更加健壯。 –

+0

在我的表中都是動態列。我們可以在jquery中使用該類。目前的要求不需要類。謝謝 –