2013-02-26 48 views
0

我有一个简短的问题,你可能能够帮助我。我对JQuery相对来说比较新,但对HTML很熟悉,值得。商双表格单元

我试图找到一种方法来自动地计算两个表格单元的商,然后在第三个表单元格中显示它,优选四舍五入至小数点后第一位。因此,像这样:

<table> 
    <tr> 
      <td class='divisor'>2</td> 
      <td class='dividend'>4</td> 
      <td class='quotient'>2</td> 
    </tr> 
</table> 

我不想被用户把这个数据,但是这将是巨大的,如果我没有我每次更改数据的时间做计算。是否有捷径可寻?

在此先感谢!

+0

我试图按照THI的教程(http://wcetdesigns.com/tutorials/2011/11/11/quotient-remainder.html),但无法得到它的工作。 – rf2012 2013-02-26 11:40:44

回答

1

一个基本的例子。我留了几个部分,所以你必须想有点自己:-)让我知道如果您有任何疑问

$(function(){ //when the DOM is ready 

    var divisor = parseInt($('td.divisor').val()); //parse the string to an int 
    // get the other value and divide here 

    var rounded = Math.round(yourResult * 10)/10; //round the result to one decimal 

    $('td.quotient').val(rounded); //set the new value 

}); 
0

这应该工作:

var dividend = $("td.dividend").text(); 
var divisor = $("td.divisor").text(); 
var quotient = Math.floor(dividend/divisor); 
$("td.quotient").text(quotient); 

工作的jsfiddle这里http://jsfiddle.net/ApfJz/5/

+0

他问精确到第一个小数。使用Math.floor消除一切权利小数点 – 2013-02-26 11:50:54

0
$(document).ready(function() { 
    var quotient = $('.dividend').html()/$('.divisor').html(); 
    $('.quotient').html(parseFloat(quotient).toFixed(1)); 
}); 

例如这里: http://jsfiddle.net/XCjXs/

+0

这完美地工作,非常感谢你! – rf2012 2013-02-26 11:52:35

+0

@DanielHagemeier欢迎您... – 2013-02-26 12:31:23