JSFiddle - React, Tailwind, and code Playground

HTML

<table>
        <tbody>
            <tr data-codigo="1"><td>1</td></tr>
            <tr data-codigo="1"><td>1</td></tr>
            <tr data-codigo="1"><td>1</td></tr>
            <tr data-codigo="1"><td>1</td></tr>
            <tr data-codigo="2"><td>2</td></tr>
            <tr data-codigo="2"><td>2</td></tr>
            <tr data-codigo="2"><td>2</td></tr>
            <tr data-codigo="2"><td>2</td></tr>
        </tbody>
    </table>

CSS

table { width:100px;border-collapse:collapse;}
table tr { background-color: #CCC;}

JavaScript

$(document).ready(function() {
    $("table tbody tr").hover(
            function () {
                var jqTab = $(this).closest('table');
                jqTab.find("tr[data-codigo=\"" + $(this).data('codigo') + "\"]").css("background-color", "#FF0");
            }, 
            function() {
                var jqTab = $(this).closest('table');
                jqTab.find("tr[data-codigo=\"" + $(this).data('codigo') + "\"]").css({
                     "backgroundColor": "#CCC",
                     "cursor": "pointer"
                });
            }
     );
});