Jquery 如何计算表查找中所有行的一列中的值之和

Jquery 如何计算表查找中所有行的一列中的值之和,jquery,html,Jquery,Html,我有一张这样的桌子: HTML: <table> <tr><td>value1</td><td>value2</td><td>value3</td></tr> .... <tr><td>value1</td><td>value2</td><td>value3</td></tr&

我有一张这样的桌子:

HTML:

<table>
    <tr><td>value1</td><td>value2</td><td>value3</td></tr>
    ....
    <tr><td>value1</td><td>value2</td><td>value3</td></tr>
</table>
$("tr").each(function(){
    var tdCount= $(this).find("td").length;
    for(i=0;i<tdCount;i++)
    {
        newRow[i]+=parseInt($(this).eq(i).value);
    }
});
var row="<tr>";
for (i=0;i<newRow.length;i++)
    row+="<td>"+newRow[i]+"</td>";
row+="</tr>";
$("table").append(row);
这就是结果:

2   3   4
7   1   2
32  58  4
41  62  10
JQuery:

<table>
    <tr><td>value1</td><td>value2</td><td>value3</td></tr>
    ....
    <tr><td>value1</td><td>value2</td><td>value3</td></tr>
</table>
$("tr").each(function(){
    var tdCount= $(this).find("td").length;
    for(i=0;i<tdCount;i++)
    {
        newRow[i]+=parseInt($(this).eq(i).value);
    }
});
var row="<tr>";
for (i=0;i<newRow.length;i++)
    row+="<td>"+newRow[i]+"</td>";
row+="</tr>";
$("table").append(row);
$(“tr”)。每个(函数(){
var tdCount=$(this.find(“td”).length;

对于(i=0;i你可以像下面这样做

$('table tfoot td')。每个(函数(索引){
var合计=0;
$('tbody tr')。每个(函数(){
total+=+$('td',this).eq(index).text();//+将字符串转换为数字
});
$(本).text(总计);
})

234
712
32584

您可以像下面这样做

$('table tfoot td')。每个(函数(索引){
var合计=0;
$('tbody tr')。每个(函数(){
total+=+$('td',this).eq(index).text();//+将字符串转换为数字
});
$(本).text(总计);
})

234
712
32584

如果您需要使用结果动态创建新行,您可以使用
append
功能:

$(document).ready(function(){
  var result = [];
  $('table tr').each(function(){
    $('td', this).each(function(index, val){
        if(!result[index]) result[index] = 0;
      result[index] += parseInt($(val).text());
    });
  });

  $('table').append('<tr></tr>');
  $(result).each(function(){
    $('table tr').last().append('<td>'+this+'</td>')
  });
});
$(文档).ready(函数(){
var结果=[];
$('table tr')。每个(函数(){
$('td',this).each(函数(索引,val){
如果(!result[index])result[index]=0;
结果[index]+=parseInt($(val.text());
});
});
$(“表”)。追加(“”);
$(结果)。每个(函数(){
$('table tr').last().append(''+this+'')
});
});

请参见此处的示例:

如果需要动态创建一个包含结果的新行,可以使用
append
函数:

$(document).ready(function(){
  var result = [];
  $('table tr').each(function(){
    $('td', this).each(function(index, val){
        if(!result[index]) result[index] = 0;
      result[index] += parseInt($(val).text());
    });
  });

  $('table').append('<tr></tr>');
  $(result).each(function(){
    $('table tr').last().append('<td>'+this+'</td>')
  });
});
$(文档).ready(函数(){
var结果=[];
$('table tr')。每个(函数(){
$('td',this).each(函数(index,val){
如果(!result[index])result[index]=0;
结果[index]+=parseInt($(val.text());
});
});
$(“表”)。追加(“”);
$(结果)。每个(函数(){
$('table tr').last().append(''+this+'')
});
});

请参见此处的示例:

复制并通过编辑器上的代码

JQuery

<script type="text/javascript">
$(document).ready(function () {
  $('tr').each(function () {
    var sum = 0
    $(this).find('.combat').each(function () {
      var combat = $(this).text();
      if (!isNaN(combat) && combat.length !== 0) {
        sum += parseFloat(combat);
      }
    });
    $('.total-combat', this).html(sum);
  });
});
</script

$(文档).ready(函数(){
$('tr')。每个(函数(){
var总和=0
$(this.find('.batch')。每个(函数(){
var-combat=$(this.text();
如果(!isNaN(战斗)&&batch.length!==0){
总和+=浮点数(战斗);
}
});
$(“.total combat”,this).html(总和);
});
});

复制并通过编辑器上的代码

JQuery

<script type="text/javascript">
$(document).ready(function () {
  $('tr').each(function () {
    var sum = 0
    $(this).find('.combat').each(function () {
      var combat = $(this).text();
      if (!isNaN(combat) && combat.length !== 0) {
        sum += parseFloat(combat);
      }
    });
    $('.total-combat', this).html(sum);
  });
});
</script

$(文档).ready(函数(){
$('tr')。每个(函数(){
var总和=0
$(this.find('.batch')。每个(函数(){
var-combat=$(this.text();
如果(!isNaN(战斗)&&batch.length!==0){
总和+=浮点数(战斗);
}
});
$(“.total combat”,this).html(总和);
});
});

您可以发布您尝试过的代码吗?您可以发布您尝试过的代码吗?您使用的tfoot不能首先添加。它必须创建动态。您使用的tfoot不能首先添加。它必须创建动态。