JSFiddle - React, Tailwind, and code Playground

HTML

<div class="views-row">
<div>
    <h5 class="product-name">
        <a href="#">Dots</a>
    </h5>  
    <h5 class="product-name">
        <a href="#">Plots</a>
    </h5>  
    <h5 class="product-name">
        <a href="#">Spots</a>
    </h5>  
</div>  
<div class="views-field">       
    <div class="field-content">
        <a href="#">
            Mouse over me
        </a>
    </div>  
</div>

CSS

a{
    text-decoration:none
}

JavaScript

$('.views-field').hover(function() {
    $('h5',$(this).prev()).css('text-decoration', 'underline');
}, function() {
    $('h5',$(this).prev()).css('text-decoration', 'none');
});