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 () {
  	$tr.removeClass('active')
  	$(this).addClass('active')
  })
})