JSFiddle - React, Tailwind, and code Playground

by srhcan

HTML

<table id="someId" class="someClass" style="width:50%" border=1>
        <tr class="data">  
          <td>Row 0, Column 0</td>
          <td>Row 0, Column 1</td>
          <td>Row 0, Column 2</td>
        </tr>
        <tr class="data">  
            <td>Row 1, Column 0</td>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
        </tr>
        <tr class="data">  
            <td>Row 2, Column 0</td>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
        </tr>
    </table>

JavaScript

$("tr.data").mouseover(function() {
    $(this).css('background-color', '#77FF99');
}).mouseout(function() {
    $(this).css('background-color', 'transparent');
});