0

テーブル内の列の値を合計し、その合計を別の html フィールドに入れようとしています。私が直面している課題は、TD セルの値が単純なテキスト ラベルであることです。 http://jsfiddle.net/dm4AZ/60/

<table>
   <tr>
      <td>100</td>
   </tr>
   <tr>
      <td>200</td>
   </tr>
   <tr>
      <td>100</td>
   </tr>
</table>
<br>
<dl>
    <dt>Total Value:</dt>
    <dd id="mySum"></dd>
</dl>


$(document).ready(function(){
     colSum();
});

function colSum() {
    var sum=0;
    //iterate through each input and add to sum
    $('myTD').each(function() {     
            sum += parseInt(this.html());                     
    }); 
    //change value of total
       $('#mySum').html(sum);
}
4

2 に答える 2

2

There is no myTD in the markup.. Also when you want to read the value of the selector in each you need to use

$(this) and not just this 

 $('myTD').each(function() {     
                sum += parseInt(this.html());                     
        });

should be 

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

Check this UPDATED FIDDLE

于 2012-09-13T22:30:02.797 に答える
0

This will work:

    $(document).ready(function(){
      colSum();
    });

    function colSum() {
      var sum=0;
      //iterate through each input and add to sum
      $('td').each(function() {     
        sum += parseInt($(this).text());                     
      }); 
      //change value of total
      $('#mySum').html(sum);
    }
于 2012-09-13T22:30:06.463 に答える