[그누보드아님] DHTML 안에서 합계내기.. 채택완료

지금 작성하고 있는 DHTML 페이지 내에서 테이블 더해서 합계를 내주고 싶은데

이게 자바스크립트로 가능할까요?

예를들어 <tr id="a"> <tr id="b"> <tr id="c"> 이런식이 있으면

a,b를 더해서 c에 합계를 나타내는 방식으로요..

 

이게 DHTML 안에서 가능한지 여쭤봅니당..

 

 

 

<TR id="k" bgColor=#ffffff> 

<TD align=center>&nbsp;</TD> 

<TD align=center>&nbsp;</TD> 

<TD align=center>&nbsp;</TD> <!-- 여기에 금액이 들어갑니다. --> 

<TD bgColor=#ffffff> 

<P align=center>&nbsp;</P></TD></TR> 

 

<TR id="l" bgColor=#ffffff> 

<TD align=center>&nbsp;</TD> 

<TD align=center>&nbsp;</TD> 

<TD align=center>&nbsp;</TD> <!-- 여기에 금액이 들어갑니다. --> 

<TD bgColor=#ffffff> 

<P align=center>&nbsp;</P></TD></TR> 

 

<TR id="m" bgColor=#ffffff> 

<TD colSpan=2 align=center>계</TD> 

<TD align=center>&nbsp;</TD> <!-- 여기에 합계가 들어갑니다. --> 

<TD bgColor=#ffffff> 

<P align=center>&nbsp;</P></TD></TR> 

 

a,b,c,d,e ~ l 까지 tr이 있구요. 

금액과 합계 따로 id나 class를 지정해줘야 하는건가요? 

tr 안에 td가 총 3개 있습니다.

 

여기까지 제 질문이었고

아래 답변을 받았는데

 

html 로 작성 후 <script></script> 이런식으로 작성하면 적용이 되는건가요?

적용을 해봤는데 안되서 여쭤봅니다.. ㅠㅠ 자바에 문외한이라 힘드네요..

 

k=0;

$("tr").each(function(){

if($(this).attr('id')=="m"){ return false;}

k+=Number($(this).children("td").eq(2).html());

});

$("#m td").eq(1).html(k); 

답변 1개

head 태그 안에 아래 코드와 같이 넣어 보세요.

Copy
<script src="https://code.jquery.com/jquery-1.12.3.js"></script><script>$(document).ready(function() { k=0; $("tr").each(function(){ if($(this).attr('id')=="m"){ return false;} k+=Number($(this).children("td").eq(2).html()); });  $("#m td").eq(1).html(k);});</script>
 
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고