JSFiddle - React, Tailwind, and code Playground

by Neal

HTML

<div class="whycapad_staff">Hi</div>
<div class="whycapad_staff">There</div>
<div class="whycapad_staff">You.</div>
<div class="whycapad_staff">How</div>
<div class="whycapad_staff">Is</div>
<div class="whycapad_staff">It</div>
<div class="whycapad_staff">Going?</div>

JavaScript

$(function() { //jQuery fallback
    $('.whycapad_staff').each(function(index, item){
        if(index%2 == 1){
            $(this).css('background-color', '#eaebeb');
        }
    });
    $('.whycapad_staff').hover(function() {
        $(this).data('b-color', $(this).css('background-color'));
        $(this).css('background-color', '#5facf8');
    }, function() {
        $(this).css('background-color', $(this).data('b-color'));
    });
});