JSFiddle - React, Tailwind, and code Playground

by mahdiar_mansouri

HTML

<table>
  <tr>
    <th>test</th>
    <th>test2</th>
  </tr>
    <tr>
        <td>Value 1</td>
        <td>12</td>
    </tr>
    <tr>
        <td>Value 2</td>
        <td>0</td>
    </tr>
</table>

CSS

.highlight {
    background: #FFFF00;
}
.highlight2 {
    background: #FF00FF;
}

JavaScript

$('th').each(function(index,item) {        
      var currentValue = $(item).text();      
      $('tr').each(function(index,item){
      	var tdElements = $(item).find("td");
        tdElements.each( function(index,item){        
            var currentValue2 = $(item).text();                      
            if(('test' == currentValue) && ('Value 1' == currentValue2)) {	
                $(this).addClass('highlight');
                $(this).next().addClass('highlight2')
            }
        })
      })          
});