JSFiddle - React, Tailwind, and code Playground

by creed88

HTML

<div id="ordered-list">
    <li>
        <div class="price">180</div>
    </li>
     <li>
        <div class="price">120</div>
    </li>
     <li>
        <div class="price">110</div>
    </li>
</div>

<div id="total-price"></div>

JavaScript

var orderedItem = $('#ordered-list li'),
    orderedItemPrice = [],
    total = 0;
for(var i=0; i<orderedItem.length; i++) {
   orderedItemPrice = orderedItem.find('.price').text();
   total += parseInt(orderedItemPrice);
}
$('#total-price').text(total);