JSFiddle - React, Tailwind, and code Playground

by David Thomas

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

$('.select').filter(
    function(){
        return !$(this).hasClass('dontselect');
    }).filter(
        function(i){
            return (i+1)%3 == 0;
        }).css('color','red');