JSFiddle - React, Tailwind, and code Playground

by alokdhari

HTML

<div class="column3">
    <span class="gridElement"></span>
    <span class="gridElement"></span>
<div>
    
<div class="column4">
    <span class="gridElement"></span>
    <span class="gridElement"></span>
    <span class="gridElement"></span>
<div>
    
   Total grid Elements :  <span id="totalSelects"></span>

JavaScript

var counter = 0;
$('.column3, .column4').find('.gridElement').each(function(){
    counter = counter + 1;
});

$('#totalSelects').html('' + counter);