JSFiddle - React, Tailwind, and code Playground

HTML

<div class="go">
    <table border="1" class="foo">
        <col style="width:115px;" />
        <col style="width:280px;" />
        <col style="width:125px;" />
        <col style="width:145px;" />
        <col style="width:125px;" />
        <col style="width:230px;" />
        <tr>
            <td>0</td>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
        </tr>
    </table>
</div>
<div class="vvv">Hello</div>

CSS

.altbg {
    text-decoration:underline;
}

JavaScript

$(document).ready(function () {
    $(function () {
        $('td').mouseenter(function () {
            $(".vvv").addClass('altbg')
        }).mouseout(function () {
            $(".vvv").removeClass('altbg')
        });
    });
})