Jquery 如何计算表查找中所有行的一列中的值之和
我有一张这样的桌子: HTML: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&
<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不能首先添加。它必须创建动态。