JSFiddle - React, Tailwind, and code Playground

HTML

<div class="list">
    <table>
        <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>
    </table>
</div>

CSS

.list tr:nth-child(even) {
	background: #C00; 
}
.list tr:nth-child(odd) {
	background: #CCC; 
}
.list tr:hover, .list tr.selected {
    background-color: #FFCF8B;
}
td {padding: 5px;}

JavaScript

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