HTML 필요한 열의 합

Question

정보를 생성하는 테이블에 대해 다음 html 코드가 있지만 "TranAmt"열의 합계를 계산해야합니다. 누군가 이걸로 나를 도울 수 있습니까?

<p>Hi Marly,</p> 
<p>The following customer invoices were posted today:</p> 
<table style="width: 1300px;" border="1" cellspacing="1.5" cellpadding="1.5"  align="left"> 
<thead> 
<tr style="background-color: #81BEF7;" align="center" valign="middle"> 
<td style="text-align: center;"><strong>Customer ID</strong></td> 
<td style="text-align: center;"><strong>Customer Name</strong></td> 
<td style="text-align: center;"><strong>Customer PO Number</strong></td> 
<td style="text-align: center;"><strong>Invoice Number</strong></td> 
<td style="text-align: center;"><strong>Invoice Date</strong></td> 
<td style="text-align: center;"><strong>Post Date</strong></td> 
<td style="text-align: center;"><strong>Invoice Amount</strong></td> 
<td style="text-align: center;"><strong>Invoice Sales Tax Amount</strong></td> 
<td style="text-align: center;"><strong>Create User</strong></td> 
</tr> 
</thead> 
{BEGIN*REPEAT} 
<tbody> 
<tr> 
<td>{CustID}</td> 
<td>{CustName}</td> 
<td>{CustPONo}</td> 
<td>{TranID}</td> 
<td>{TranDate}</td> 
<td>{PostDate}</td> 
<td>{TranAmt}</td> 
<td>{STaxAmt}</td> 
<td>{CreateUserID}</td> 
</tr> 
{END*REPEAT} 
</tbody> 
</table> 

Answer 1

JQuery를 사용하는 경우 n 번째 자식 선택기를 사용하여 테이블 내에서 열의 모든 항목을 추가 할 수 있습니다.

http://api.jquery.com/nth-child-selector/

여기

var rows = $("#table_id tr:gt(0)"); 
rows.children("td:nth-child(7)").each(function() { 
    the_sum += parseInt($(this).text()); 
}); 

Answer 2

이 기능은 열 머리글 이름 당신이 그것에 제공 한 컬럼의 총을 얻기를 위해 당신을 도울 것입니다 예입니다. 하지만 당신이 같은 페이지에 여러 개의 테이블을 가지고 있다면 문제를 일으킬 것이기 때문에 나는 tag 이름 대신에 하나의 것을 제안하고 tbody는 어떤 ID를 사용한다.

function someFunction() { 
    var invoiceTotalAmount = getTotal(("invoice amount").toUpperCase()); 
} 

function getTotal(myString) { 
    var CellListing = $("thead > tr > td"); 
    var selIndex=-1; 
    var sum = 0; 
    CellListing.each(function(index){ 
    if($(this).children("strong").html().toUpperCase()===myString) 
     selndex= index+1; 
    }); 

    var rows = $("tbody >tr"); 
    rows.children("td:nth-child("+selIndex+")").each(function() { 
    sum += parseInt($(this).text()); 
    }); 
    return sum; 
} 

실행 예를 html sum of column needed

Answer 3

나는 모든 반복에 대한
이 {FinalTranAmt}에 {TranAmt}를 추가 처음에 0 값으로 당신에게
압정 변수를 설명 {FinalTranAmt}에 변수를 정의하는 방법을 그래서 난 몰라 & 마지막으로 인쇄하십시오.
내 구조가 옳은지 모르겠습니다.

{FinalTranAmt} = 0; 
{BEGIN*REPEAT} 
<tbody> 
<tr> 
<td>{CustID}</td> 
<td>{CustName}</td> 
<td>{CustPONo}</td> 
<td>{TranID}</td> 
<td>{TranDate}</td> 
<td>{PostDate}</td> 
<td>{TranAmt}</td> 
<td>{STaxAmt}</td> 
<td>{CreateUserID}</td> 
</tr> 
{FinalTranAmt} += {TranAmt} ; 
{END*REPEAT}