jquery - 两个表格单元格的商

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/