JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="products">
<li><a href="#">1</a></li>
<li style="display:none;"><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a></li>
<li><a href="#">10</a></li>
<li><a href="#">11</a></li>
<li><a href="#">12</a></li>
</ul>

CSS

.last {
    border:1px solid black;
}

JavaScript

$(".products li:visible").each(function(hiya){
    if((hiya+1) % 4 == 0 && hiya != 0){
        $(this).addClass('last');
    }
});