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

Question

试图在这里弄清楚这些东西。无法弄清楚是否我已经有了 tds 中的数字。它是否将 em 作为字符串输入，所以它不知道如何进行数学运算？我知道我弄错了，但我认为这是简单的事情，所以我希望你能纠正我。非常感谢。

<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 并手动附加一个“%”？

Answer 1

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

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

您也没有转换为数字。