javascript - 从多行添加指定元素 JavaScript/jQuery

Question

我的表结构如下:

<table>
<tbody>
    <tr>
        <td></td>
        <td></td>
        <td class="price"></td>
         (...)
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td class="price"></td>
         (...)
        <td></td>
    </tr>
    (...)
    <tr>
        <td></td>
        <td></td>
        <td class="price"></td>
         (...)
        <td></td>
    </tr>       
</tbody>

我只想提取每个 td 价格值并将其相加。最后我只需要一个具有总值(value)的变量。

Answer 1

使用map()并将其减少到总和:

var sum = $('td.price').map(function () {
    return parseInt(this.innerHTML, 10)
}).get().reduce(function (a, b) {
    return a + b;
});

var sum = $('td.price').map(function () {
    return parseInt(this.innerHTML, 10);
}).get().reduce(function (a, b) {
    return a + b;
});

console.log(sum);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
<tbody>
    <tr>
        <td></td>
        <td></td>
        <td class="price">5</td>
         (...)
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td class="price">10</td>
         (...)
        <td></td>
    </tr>
    (...)
    <tr>
        <td></td>
        <td></td>
        <td class="price">20</td>
         (...)
        <td></td>
    </tr>       
</tbody>
  <table>