Table Row Highlighter - Clicked Row - 1

by bizamajig

HTML

<table id="mytable" class="table-striped">
    <tbody>
        <tr><td>blah blah blah blah</td></tr>
        <tr><td>blah blah blah blah</td></tr>
        <tr><td>blah blah blah blah</td></tr>
        <tr><td>blah blah blah blah</td></tr>
        <tr><td>blah blah blah blah</td></tr>
    </tbody>
</table>

CSS

.table-striped tbody tr:nth-child(odd) td {
  background-color: green;
}

.table-striped tbody tr.highlight td { 
    background-color: red;
}

JavaScript

$('#mytable').on('click', 'tbody tr', function(event) {
    $(this).addClass('highlight').siblings().removeClass('highlight');
});