테이블의 td 안에있는 값의 평균을 계산하는 jQuery

Question

열 차트를 생성하기 위해 googlecharts 플러그인을 사용하고 있습니다.

또한 td에있는 값의 평균을 얻고 싶습니다. 그것은 구글 차트 플러그인을 통해 가능하거나 누군가가 평균을 계산하는 서면 ajquery에서 나를 도울 수 있습니다. 평균을 계산 한 후에 단락 태그에 "avg"클래스를 추가해야합니다. 도움 주셔서 감사합니다.

<table id="weather"> 
        <thead> 
         <tr> 
          <th></th> 
          <th>Mar</th> 
          <th>Apr</th> 
          <th>May</th> 
          <th>Jun</th> 
          <th>Jul</th> 
          <th>Aug</th> 
         </tr> 
        </thead> 
        <tbody> 
         <tr> 
          <th>Weather</th> 
          <td>20</td> 
          <td>22</td> 
          <td>18</td> 
          <td>24</td> 
          <td>20</td> 
          <td>22</td> 
         </tr> 
        </tbody> 
       </table> 

그리고 자바 스크립트 코드 :

내 코드는

<script type="text/javascript"> 
     gvChartInit(); 
     $(document).ready(function(){ 
      $('#weather').gvChart({ 
     chartType: 'ColumnChart', 
     gvSettings: { 
      width: 100, 
      height: 40, 
      colors:['gray'], 
      hAxis: {textPosition: 'none'}, 
      vAxis: {minValue: 0, textPosition: 'none', gridlines: {color: '#ffffff'}}, 
      legend: {position: 'none'} 
     } 
    }); 
     </script> 

Answer 1

이 같은 시도 :

avg = 0, amount = 0; 
$('td').each(function(){ 
    avg += +($(this).text()); 
    amount++; 
}); 
avg /= amount; 
$('.avg').text(avg); 

을하지만 당신이 올바른 td 확실하게 할 수 있습니다 , 그래서 당신은 tr의 id를 '날씨'와 같을 수 있습니다. 그런 다음 j 당신이

$('p.avg').html(avg); 

Answer 2

$('#weather td').each() 우스 변화 :

Answer 3

이에 의해 p 태그에 평균을 추가 할 수 있습니다 후 당신은 당신을 위해 평균을 반환해야

var avg=0; 

$('#weather td').each({function(){ 
      avg=avg+parseInt($(this).text()); 
     }); 

avg=avg/$('#weather td').length; 

또는

var avg=0; 
var count=0; 
    $('#weather td').each({function(){ 
       avg=avg+parseInt($(this).text()); 
       count=count+1; 
      }); 

    avg=avg/count; 

을 사용할 수 있습니다 $('td').each()