JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <ul>
        <li><span class="count">0</span></li>
        <li><span class="count">1</span></li>
        <li><span class="count">4</span></li>
        <li><span class="count">0</span></li>
    </ul>
    <span class="total">0</span>
</div>
<div class="parent">
    <ul>
        <li><span class="count">1</span></li>
        <li><span class="count">3</span></li>
        <li><span class="count">0</span></li>
        <li><span class="count">2</span></li>
   </ul>
   <span class="total">0</span>
</div>

JavaScript

$('.parent').each(function(){	
    var sum = 0;
    var counts = $(this).find('.count');
    
    counts.each(function() {
        sum+= parseInt($(this).text());
    });  
	console.log(sum);  
});