JSFiddle - React, Tailwind, and code Playground

by abuhamzah

HTML

<table>
    <tbody>
        <tr><td>content</td><td>content</td><td>content</td></tr>
        <tr><td>content</td><td>content</td><td>content</td></tr>
        <tr><td>content</td><td>content</td><td>content</td></tr>
        <tr><td>content</td><td>content</td><td>content</td></tr>
        <tr><td>content</td><td>content</td><td>content</td></tr>
    </tbody>
</table>

CSS

tr:hover, tr.selected {
    background-color: #FFCF8B
}
td {padding: 5px;}

JavaScript

$("tr").click(function(){
    $(this).addClass("selected").siblings().removeClass("selected");
});