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 中的 Result 以百分比形式出现。我应该像在这里一样将它乘以 100 并手动附加一个“%”吗？

Answer 1

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

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

您也没有转换为数字。

Answer 2

你忘记了 '#' 通过 Id 选择并且你没有转换为 int，所以你可以通过 jQuery 在一行中进行选择：

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