JSFiddle - React, Tailwind, and code Playground

HTML

<table><tbody>
<tr><td>Test 1</td></tr>
<tr><td>Test 2</td></tr>
<tr class=h><td>Test 3</td></tr>
<tr><td>Test 4</td></tr>
<tr><td>Test 5</td></tr>
<tr><td>Test 6</td></tr>
</tbody></table>

CSS

.h{display:none;}
tr.even {
    background-color: red;
}
tr.odd {
    background-color: blue;
}

JavaScript

$(function(){
    
    var $allRows = $('tr:visible');
    var $oddRows = $allRows.filter(':odd');
    var $evenRows = $allRows.filter(':even');
    
    // Remove old classes, then add new ones.
    $oddRows.removeClass('even').addClass('odd');
    $evenRows.removeClass('odd').addClass('even');
});