Javascript 如何从div类计算费率？

我有两个html表格，每一行都是sum，最后一行显示sum。 现在，我从这个html表的总和结果中计算出了什么速率

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="box1">
    <table width="100%">
        <tbody>
            <tr>
                <td class="box_price-1" align="left">100</td>
                <td class="box_price-1" align="left">200</td>
            </tr>
            <tr>
                <td class="box_price-2" align="left">100</td>
                <td class="box_price-2" align="left">200</td>
            </tr>
            <tr>
                <td class="box_sum-1  box1-total-1" align="left"></td>
                <td class="box_sum-2  box1-total-2" align="left"></td>
            </tr>
        </tbody>
    </table>
</div>
<div class="box2">
    <table width="100%">
        <tbody>
            <tr>
                <td class="box_price-1" align="left">100</td>
                <td class="box_price-1 box_price-m-2" align="left">2030</td>
            </tr>
            <tr>
                <td class="box_price-2" align="left">1003</td>
                <td class="box_price-2" align="left">230</td>
            </tr>
            <tr>
                <td class="box_sum-1  box2-total-1" align="left"></td>
                <td class="box_sum-2  box2-total-1" align="left"></td>
            </tr>
        </tbody>
    </table>
</div>
</div>
<script type="text/javascript">
var total = 0;
$('.box1 .box_price-1').each(function() {
    total += parseInt($(this).text());
});
$('.box1 .box_sum-1').append("<div class='sum'>" + total + "</div>");
console.log(total);
var total = 0;
$('.box1 .box_price-2').each(function() {
    total += parseInt($(this).text());
});
$('.box1 .box_sum-2').append("<div class='sum'>" + total + "</div>");
console.log(total);


var total = 0;
$('.box2 .box_price-1').each(function() {
    total += parseInt($(this).text());
});
$('.box2 .box_sum-1').append("<div class='sum'>" + total + "</div>");
console.log(total);
var total = 0;
$('.box2 .box_price-2').each(function() {
    total += parseInt($(this).text());
});
$('.box2 .box_sum-2').append("<div class='sum'>" + total + "</div>");
console.log(total);
</script>

100
200
100
200
100
2030
1003
230
var合计=0；
$（'.box1.box_price-1'）。每个（函数（）{
total+=parseInt（$（this.text（））；
});
$（'.box1.box_sum-1'）。追加（“+total+”）；
控制台日志（总计）；
var合计=0；
$（'.box1.box_price-2'）。每个（函数（）{
total+=parseInt（$（this.text（））；
});
$（'.box1.box_sum-2'）。追加（“+total+”）；
控制台日志（总计）；
var合计=0；
$（'.box2.box_price-1'）。每个（函数（）{
total+=parseInt（$（this.text（））；
});
$（'.box2.box_sum-1'）。追加（“+total+”）；
控制台日志（总计）；
var合计=0；
$（'.box2.box_price-2'）。每个（函数（）{
total+=parseInt（$（this.text（））；
});
$（'.box2.box_sum-2'）。追加（“+total+”）；
控制台日志（总计）；

我有两个html表格，每一行都是sum，最后一行显示sum。 现在，我从这个html表的总和结果中计算出了什么速率

我想要这样的结果

费率1=（第1箱总计-1）*100/第2箱总计-1 比率2=（第1-total-2框）*100/第2-total-2框

<div class="rate1"></div>
<div class="rate2"></div>

---

您使用的类名不正确。第-

$（'.box1.box\u price-1'）

行中有一个名为

box\u price-1

而非

box\u price-1

的类

设box1Sum1=0；
$（'.box1.box_price1'）。每个（函数（）{
box1Sum1+=parseInt（$（this.text（））；
});
$（'.box1.box_sum-1'）.text（box1Sum1）；
设box1Sum2=0；
$（'.box1.box_price2'）。每个（函数（）{
box1Sum2+=parseInt（$（this.text（））；
})
$（'.box1.box_sum-2'）.text（box1Sum2）；
设box2Sum1=0；
$（'.box2.box_price1'）。每个（函数（）{
box2Sum1+=parseInt（$（this.text（））；
});
$（'.box2.box_sum-1'）.text（box2Sum1）；
设box2Sum2=0；
$（'.box2.box_price2'）。每个（函数（）{
box2Sum2+=parseInt（$（this.text（））；
});
$（'.box2.box_sum-2'）.text（box2Sum2）；
常数率1=box1Sum1*100/box2Sum1；
常数率2=box1Sum2*100/box2Sum2；
控制台日志（速率1，速率2）；
$（'div.rate1'）.text（'rate1:'+rate1'）；
$（'div.rate2'）.text（'rate2:'+rate2'）

数量1
数量2
总和
100
200
100
200
数量1
数量2
总和
100
2030
1003
230
我想使用我的JavaScript@tomtom6456-你的代码太乱了。即使是
div
标记也没有正确关闭。我想按类box1-total-1 box1-total-2计算取数