JSFiddle - React, Tailwind, and code Playground

HTML

<table id="mytable">
    <tr><td>Item 1</td><td>R$ 300</td></tr>
    <tr><td>Item 2</td><td>R$ 500</td></tr>
</table>

CSS

.ativo {
    background-color: #00F;
    color: white;
}

table { border-collapse: collapse; }
tr { border: 1px solid black; cursor: pointer;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;
 }
td { padding: 5px; }

JavaScript

$("#mytable > tbody > tr").on("click", function (e) {
    $(this).siblings().removeClass("ativo");
    $(this).toggleClass("ativo");
});