Question

这是一个HTML表格：

<table class="myTable">
    <tr>
        <th class="myTh">Some text</th>
        <td class="myTd">18</td>
        <th>Some text</th>
        <td class="myTd">19</td>
    </tr>
    <tr>
        <th class="myTh">>Some text</th>
        <td class="myTd">15</td>
        <th>Some text</th>
        <td class="myTd">18</td>
    </tr>
    <tr>
        <th class="myTh">>Some text</th>
        <td class="myTd">16</td>
        <th>Some text</th>
        <td class="myTd">17</td>
    </tr>
    <tr>
        <th class="myTh">>Some text</th>
        <td class="myTd">20</td>
        <th>Some text</th>
        <td class="myTd">14</td>
    </tr>
    <tr>
        <th class="myTh">>Some text</th>
        <td class="myTd">20</td>
        <th>Some text</th>
        <td class="myTd">7</td>
    </tr>
    <tr>
        <th class="myTh">>Some text</th>
        <td class="myTd">18</td>
        <th>Some text</th>
        <td class="myTd">6</td>
    </tr>
    <tr>
        <th class="myTh">>Some text</th>
        <td class="myTd">20</td>
        <th>Some text</th>
        <td class="myTd">17</td>
    </tr>
</table>

我想操纵表格的数字，比如在数字上添加+5。例如：

<td class="myTd">18</td>

显示的结果是18，但我希望它是23。

我知道我应该使用RegEx来获取数字，然后做一些基本的数学运算，但我还没有找到解决方案。

Answer 1

它不需要任何正则表达式，可以使用简单的常规JS或jQuery来完成。

使用Javascript：

function updateNumber(num){

var elems = document.getElementsByClassName("myTd");

for(var i=0;i<elems.length;i++){
 var elem = elems[i];
 elem.innerHTML = parseInt(elem.innerHTML) + num;
}

}

如何使用JavaScript操作html表中的数据？

1 个答案: