Question

我有一个简短的问题，你可以帮助我。我对JQuery比较陌生，但我非常熟悉HTML，因为它值得。

我正在尝试找到一种方法来自动计算两个表格单元格的商，然后将其显示在第三个表格单元格中，最好四舍五入到第一个小数位。所以像这样：

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

我不希望用户输入这些数据，但如果我每次更改数据时都不必进行计算，那就太棒了。是否有捷径可寻？

提前致谢！

Answer 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

});

Answer 2

这应该有效：

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/

Answer 3

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

这里的例子： http://jsfiddle.net/XCjXs/

两个表格单元格的商数

3 个答案: