JSFiddle - React, Tailwind, and code Playground

by Timmy Willison

HTML

<table>
    <tr>
        <td>FOO</td>
        <td>BAR</td>
        <td>BAZ</td>
    </tr>
</table>

CSS

table {
    cell-border: collapse;
    border: 1px solid black;
}

table td {
    padding: 10px;
}

JavaScript

$('tr').hover(function() {
    $(this).children()
        .css('background-color', 'yellow');
}, function() {
    $(this).children()
        .css('background-color', '');
});

$(document).click(function( e ) {
    console.clear();
    console.log( 'target: %o', e.target );
});