JSFiddle - React, Tailwind, and code Playground

HTML

<div class="select"></div>
<div class="select"></div>
<div class="select dontselect"></div>
<div class="select"></div>
<div class="select"></div>
<div class="select"></div>
<div class="select dontselect"></div>
<div class="select dontselect"></div>
<div class="select"></div>
<div class="select"></div>
<div class="select"></div>
<div class="select dontselect"></div>
<div class="select"></div>
<div class="select"></div>
<div class="select"></div>
<div class="select"></div>
<div class="select dontselect"></div>
<div class="select"></div>

CSS

div {
    height: 2em;
    counter-increment: selects;
}

div::before {
    content: attr(class) " (div" counter(selects) ").";
}

.select {
    background-color: #ffa;
}

.select.dontselect {
    background-color: #f90;
}

JavaScript

var count = 0;
$('.select').filter(
    function(){
        console.log(!$(this).hasClass('dontselect'));
        if (!$(this).hasClass('dontselect')){
            count++;
            return count%3 == 0;
        }
    }).css('color','red');