Деселе граничит с мышкой

Question

Добавьте розовую рамку к ячейке, когда мышь находится над

 let TH = documenter code hereent.getElementsByTagName('th');
       for (i = 0; i < TH.length; i++) {
           TH[i].addEventListener('mouseover', function(e){
             if(e.target) {
              this.style.border = '5px solid pink';


             } else {
              this.style.border = 'none';
             }

            });
        }

Когда я наведите курсор мыши, она все еще будет того же розового цвета (граница). Как это исправить?

Answer 1

$( "td" ).hover(
    function() {
        $( this ).addClass( "hover" );
    }, function() {
        $( this ).removeClass( "hover" );
    }
);

//then you can add specific style for hover on a css file