JSFiddle - React, Tailwind, and code Playground

by nickadeemus2002

HTML

<table>
<tr class="classme"><td>1</td></tr>
<tr class="classme"><td>1a</td></tr>
<tr class="classme"><td>2</td></tr>
<tr class="classme"><td>2a</td></tr>
<tr><th>skip me</th></tr>
<tr class="classme"><td>3</td></tr>
<tr class="classme"><td>3a</td></tr>
<tr class="classme"><td>4</td></tr>
<tr class="classme"><td>4a</td></tr>
<tr class="classme"><td>5</td></tr>
<tr class="classme"><td>5a</td></tr>
<tr class="classme"><td>8</td></tr>
<tr class="classme"><td>8a</td></tr>
<tr class="classme"><td>9</td></tr>
<tr class="classme"><td>9a</td></tr>
<tr class="classme"><td>10</td></tr>
<tr class="classme"><td>10a</td></tr>
<tr><th>skip me</th></tr>
<tr class="classme"><td>11</td></tr>
<tr class="classme"><td>11a</td></tr>
<tr class="classme"><td>12</td></tr>
<tr class="classme"><td>12a</td></tr>
</table>

CSS

.striped{background-color:#585858;color:#fff;}

JavaScript

$('tr.classme').each(function(i,v){
    
   //we removed the tr th rows
    //let's create our groups
   var cellVal = $.trim($(this).find('td').html());
   
    console.log(cellVal);
    
    
});