JSFiddle - React, Tailwind, and code Playground

by Mohit Kumar Gupta

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<table>
    <tbody>
      <tr><td> [ODD] </td></tr>
      <tr><td> [EVEN] </td></tr>
      <tr><td> [ODD] </td></tr>
    </tbody>
    <tbody>
      <tr style="display: none;"><td> [ODD] </td></tr>
      <tr style="display: none;"><td> [EVEN] </td></tr>
      <tr style="display: none;"><td> [ODD] </td></tr>
    </tbody>
    <tbody>
      <tr><td> [ODD] </td></tr>
      <tr><td> [EVEN] </td></tr>
      <tr><td> [ODD] </td></tr>
    </tbody>
</table>

CSS

.even {
  background: #efefef;
}

JavaScript

$("table tr:visible:even").addClass("even");