JSFiddle - React, Tailwind, and code Playground

HTML

<table id="test">
  <tbody>
    <tr>
      <td>Foo</td>
      <td>Bar</td>
      <td>Baz</td>
    </tr>
    <tr>
      <td>Foo</td>
      <td>Bar</td>
      <td>Baz</td>
    </tr>
    <tr>
      <td>Foo</td>
      <td>Bar</td>
      <td>Baz</td>
    </tr>
  </tbody>
</table>

CSS

tr.active {
  background-color: #CCC;
}

JavaScript

$(function () {
	let $tr = $('#test tr');
	$tr.on('click', function () {
    if ($(this).hasClass('active'))
      $(this).removeClass('active');
    else {
  	  $tr.removeClass('active');
  	  $(this).addClass('active');
    }
  });
})