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')