JSFiddle - React, Tailwind, and code Playground

by Rox Vision

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<body>
    <table>
        <tr>
            <td class="quantidade">1</td>
            <td class="quantidade">1</td>
            <td class="quantidade">1</td>
            <td class="quantidade">1</td>
            <td class="quantidade">1</td>
            <td>totalA =</td>
            <td id="totalA">0</td>
            <td>totalB =</td>
            <td id="totalB">0</td>
        </tr>
    </table>
</body>

JavaScript

var todasQuant = $(".quantidade");

var totalA = 0;
// Percorrendo o arrey e somando em totalA.
$.each(todasQuant, function() {
totalA += parseFloat($(this).text()); //Veja $(this)
});
$("#totalA").text(totalA); // Funciona!

// Criei uma referência ao objeto $(this)
var $this = $(this);
var totalB = 0;
// Percorrendo o arrey e somando em totalB.
$.each(todasQuant, function() {
totalB += parseFloat($this.text()); //Veja $this
});
$("#totalB").text(totalB); // "Not-a-Number"

//Não entendo o por que não funciona quando eu ataco a referência.