jQuery - 获取单元格值并更新单元格值和结果

Question

我正在研究一个简单的jQuery函数，它将从表格​​中的2个单元格中获取一些输入字段的值，然后执行一些简单的数学运算以找出差异，然后用差异更新另一个单元值。

这里是我的功能：

$(document).ready(function(){ 

    $('#Calculate').click(function(){ 

    var nextYearTotal = $("#textfield6").text(); 
    var lastYearTotal = $("#textfield1").text(); 

    nextYearTotal = Number(nextYearTotal); 
    lastYearTotal = Number(lastYearTotal); 

    var updatedTotal = nextYearTotal - lastYearTotal; 

    $('#textfield7').html(updatedTotal); 
    }); 
}); 

不管在文字栏和输入textfield1的字段中的值是我得到“0”作为结果的文本字段7细胞。

我是新来的jQuery - 将不胜感激，如果有人能指出我的错误。当我点击表格的一行中的按钮时，该函数被调用。

Answer 1

试试这个：

$(document).ready(function(){ 

    $('#Calculate').click(function(){ 

    var nextYearTotal = parseFloat($("#textfield6").text()); 
    var lastYearTotal = parseFloat($("#textfield1").text()); 

    var updatedTotal = nextYearTotal - lastYearTotal; 
    if (!(isNaN(updatedTotal))) 
     $('#textfield7').html(updatedTotal); 
    }); 
}); 

应工作假设你有3 <td>的与ID的"textfield1"，"textfield6"，"textfield7"和一个按钮或链接与id="Calculate"

Answer 2

使用值不是文本。

var nextYearTotal = Number($("#textfield6").val()); 
var lastYearTotal = Number($("#textfield1").val()); 

见工作DEMO

$(document).ready(function() { 
    $('#Calculate').click(function() { 
     var nextYearTotal = Number($("#textfield6").val()); 
     var lastYearTotal = Number($("#textfield1").val()); 

     var updatedTotal = nextYearTotal - lastYearTotal; 

     $('#textfield7').html(updatedTotal); 
    }); 
});​ 

编辑
上的原帖评论澄清说，源字段输入，但目标字段仅仅是一个细胞。

根据评论，我更新了DEMO和完整性代码。

Answer 3

$(document).ready(function(){ 

$('#Calculate').click(function(){ 

var nextYearTotal = $("#textfield6").val(); 
var lastYearTotal = $("#textfield1").val(); 

nextYearTotal = Number(nextYearTotal); 
lastYearTotal = Number(lastYearTotal); 

var updatedTotal = nextYearTotal - lastYearTotal; 

$('#textfield7').html(updatedTotal); 
}); 
});