通过对表格单元格进行数学运算来填充div

时间:2013-04-02 16:50:28

标签: javascript jquery

试图在这里找出这些东西。无法弄清楚我是否已经计入了tds中的数字。它是否以字符串形式进入,因此它不知道如何进行数学计算?我知道我错了,但这是我认为很容易的东西,所以我希望你能帮我。很有责任。

<table id="Table">
                <tr>
                <td width="124" style="position: relative" rowspan="4"> 
                    <div id="percentage"></div>
                </td>
                <td>Total</td>
                <td id="Total">259</td>
                <td>Result</td>
                <td id="Count">11</td>
            </tr>
        </table>

JS:

var total = $("Total");
var count = $("Count");
var Result = (Count/Total*100);

document.getElementById("percentage").innerHTML =  Result;

那不起作用。

此外,我需要以.innerHTML结果以百分比形式出现。我应该像我在这里一样乘以100并手动附加“%”吗?

2 个答案:

答案 0 :(得分:2)

您的JavaScript正在寻找元素类型而不是id将您的js更改为:

var total = parseInt($("#Total").text(), 10);
var count = parseInt($("#Count").text(), 10);
var Result = (count/total*100);

您也没有转换为数字。

答案 1 :(得分:0)

你忘记'#'按Id选择而你没有转换成int,所以你可以通过jQuery在一行中创建它:

$('#percentage').text(parseInt($('#Count').text())/parseInt($('#Total').text())*100);