JSFiddle - React, Tailwind, and code Playground

by Kalu Singh Rao

HTML

<table>
    <tr>
        <td>Udaipur</td>
    </tr>
    <tr>
        <td>Jaipur</td>
    </tr>
    <tr>
        <td>Jodhpur</td>
    </tr>
    <tr>
        <td>Bharatpur</td>
    </tr>
    <tr>
        <td>Solapur</td>
    </tr>
</table>

CSS

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

JavaScript

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