highlight table row and cell borders when hover

highlight table row and cell borders when hover

Is it possible to use jQuery and on any part of a table row that has say 5 cells to highlight the border of each cell?

I have seen lots of background examples but haven't seen anything with borders.

I tried delegate but that doesn't work.

  1. $(document).ready(function() {
      
      $("table tr").delegate('td','mouseover mouseleave', function(e) {
          if (e.type == 'mouseover') {
            
            $(this).toggleClass("topleftrightborder");
          }
          else {
            $(this).removeClass("topleftrightborder");
          }
      });  
      
      });