JSFiddle - React, Tailwind, and code Playground

HTML

<div data-team="TEAM1"><h5><a href="index.php?site=teaminfo&amp;teamID=1">TEAM1</a></h5></div>
<div data-team="TEAM2"><h5><a href="index.php?site=teaminfo&amp;teamID=2">TEAM2</a></h5></div>
<div data-team="TEAM1"><h5><a href="index.php?site=teaminfo&amp;teamID=1">TEAM1</a></h5></div>

JavaScript

jQuery( function( $ ) {
    
   var $body = $( 'body' );
    
   $body
        .on( 'mouseenter', '[data-team]', function() {
    
            var $this = $( this ),
                team = $this.data( 'team' );
            
            $body.find( '[data-team="' + team + '"]' ).css( 'background-color', '#f3f3f3' );
    
        })
       .on( 'mouseleave', '[data-team]', function() {
    
            var $this = $( this ),
                team = $this.data( 'team' );
            
            $body.find( '[data-team="' + team + '"]' ).css( 'background-color', '' );
    
        });
    
});