JSFiddle - React, Tailwind, and code Playground
HTML
<ul class="products">
<li><a href="#"></a></li>
<li style='display:none;'><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
JavaScript
$('li:visible').filter(function(index){
return !((index+1) % 4);
}).addClass('last')