JSFiddle - React, Tailwind, and code Playground

by Dave Mednick

HTML

<div class="answers_total">
    <div data-answer="true" class="answer">SPEECH</div>
    <div data-answer="false" class="answer">RELIGION AND BELIEF</div>
    <div data-answer="true" class="answer">PRESS</div>
    <div data-answer="true" class="answer">ASSEMBLY</div>
    <div data-answer="false" class="answer">PETITION</div>
</div>
<div class="answers_total">
    <div data-answer="false" class="answer">SPEECH</div>
    <div data-answer="true" class="answer">RELIGION AND BELIEF</div>
    <div data-answer="false" class="answer">PRESS</div>
    <div data-answer="true" class="answer">ASSEMBLY</div>
    <div data-answer="false" class="answer">PETITION</div>
</div>

JavaScript

var cntTrue = [];
    $.each($('.answers_total'), function (k, v) {
        var x = 0;
        $.each($(this).children('.answer'), function(a, b) {
            if ($(this).data('answer') == true) x++;
        });
        cntTrue[k] = x;
    });
    console.log(cntTrue);