JSFiddle - React, Tailwind, and code Playground

HTML

<table class="etable" id="table">
    <tr><td>Some text</td></tr>  
        <tr><td>Some text 0</td></tr>  
        <tr><td>Some text 1</td></tr>  
        <tr><td>Some text 2</td></tr>  
        <tr><td>Some text 3</td></tr>  
        <tr><td>Some text 4</td></tr>  
        <tr><td>Some text 5</td></tr>  
        <tr><td>Some text 6</td></tr>  
        <tr><td>Some text 7</td></tr>  
        <tr><td>Some text 8</td></tr>  
        <tr><td>Some text 9</td></tr>  
</table>

CSS

.etable tr:nth-child(odd) {
    background-color: lightgrey;
}
.etable tr:nth-child(even) {
    background-color: green;
}


.etable tr:hover {
    background: yellow;
}

JavaScript

//change the background color in javascript
$('#table.etable tr').addClass("bluebackground");