如何通过js乘以表格单元格的内容?

时间:2015-09-30 16:57:44

标签: javascript html

我想将单元格内容(仅限数字)和使用javascript相乘。 结果将显示在单元格X

<table id="tabela">
<tr id="rowstawka">
    <td>Stawka</td>
    <td>12</td>
</tr>

<tr id="rowgodziny">
    <td>Godziny</td>
    <td>50</td>
</tr>

<tr id="rowPensja">
    <td>Pensja</td>
    <td>-</td>
</tr>

<tr id="rowNetto">
    <td>Pensja Netto</td>
    <td>x</td>
</tr>


</table>

我使用上面的脚本将内容添加到表格中的单元格。

以下是表格:

str = 'teststring'

arr = str.chars
(arr - (arr.difference(arr.uniq))).first
  #= "e"

1 个答案:

答案 0 :(得分:1)

如果您可以更改html,请尝试使用类来确定哪些单元格包含要计算的数字:

<table id="tabela">
    <tr id="rowstawka">
        <td>Stawka</td>
        <td class="num">12</td>
    </tr>
    <tr id="rowgodziny">
        <td>Godziny</td>
        <td class="num">50</td>
    </tr>
    <tr id="rowPensja">
        <td>Pensja</td>
        <td>-</td>
    </tr>
    <tr id="rowNetto">
        <td>Pensja Netto</td>
        <td id="result">x</td>
    </tr>
</table>

然后使用这个简单的片段来制作魔法:

var numbers = document.querySelectorAll(".num");
var total = 1;

for (var i = 0; i < numbers.length; i++)
{
    total*= Number(numbers[i].innerText);
}

document.getElementById("result").innerText = total;

Fiddle