JSFiddle - React, Tailwind, and code Playground

by kapantzak

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<table id="myTable">
<tbody>
  <tr>
    <td>Test1</td>
    <td>Name</td>
    <td>Surname</td>
  </tr>
  <tr>
    <td>Test2</td>
    <td>Name</td>
    <td>Surname</td>
  </tr>
  <tr>
    <td>Test3</td>
    <td>Name</td>
    <td>Surname</td>
  </tr>
  <tr>
    <td>Test4</td>
    <td>Name</td>
    <td>Surname</td>
  </tr>
</tbody>
</table>

CSS

.thisRow td {
  background-color:green;
  color:#fff
}

JavaScript

var text = 'Test3';
$('#myTable').find('tbody').find('tr').each(function() {
	var row = $(this);
  row.find('td').each(function() {
  	var cell = $(this);
    var textExists = cell.text().indexOf(text);
    if (textExists != -1) {
    	row.addClass('thisRow');
    } 
  });
});