JSFiddle - React, Tailwind, and code Playground

by alsjka

HTML

<table border="2" width="200" id="tab">

  <tr>
    <th></th>
    <th>tblh1</th>
    <th>tblh21</th>
    <th>tblh3</th>
  </tr>
  <tr>
    <td>tblh1</td>
    <td>3</td>
    <td>5</td>
    <td>5</td>
  </tr>
  <tr>
    <td><span>tblh2</span></td>
    <td>4</td>
    <td>6</td>
    <td>2</td>
  </tr>
  <tr>
    <td>tblh3</td>
    <td>5</td>
    <td>2</td>
    <td>4</td>
  </tr>
</table>

CSS

.highlight {
    background: green;
}

JavaScript

var row = $("#tab").find("th:contains('tblh21')").closest('th').index();
var col = $("#tab").find("td:contains('tblh3')").closest('tr').index();
$('table tr:eq(' + row + ') td:eq(' + col + ')').addClass('highlight');