JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td onMouseOver="highlightBG(this, 'red');highlightNext(this, 'red')" 
        onMouseOut="highlightBG(this, 'white');highlightNext(this, 'black')" >Hover me!</td>
        <td> I get highlighted :) </td>
    </tr>
</table>

JavaScript

function highlightNext(element, color) {
    var next = element;
    do {
        next = next.nextSibling;
    }
    while (next && !('nodeName' in next && next.nodeName === 'TD'));
    if (next) {
        next.style.color = color;
    }
}

function highlightBG(element, color) {
    element.style.backgroundColor = color;
}