jquery - 如何在jquery中添加当前类选择的div

Question

Codepen Demo

这里我在 jquery 上使用了悬停功能。它工作正常。但我需要在悬停 div 上选择 li。

$('.block-templates-container:not(:first-child)').hide();
   $(".block-name").each(function() {
      $(this).hover(function() {    
         $('.block-templates-container').hide();
         var getId = $(this).attr('id');
         $('.block-templates-container#' + getId + '_show').show();    
      });    
    });

当我将鼠标悬停在右侧 block (标题设计、内容设计)时，未选择 li。如何解决这个问题？

Answer 1

尝试在悬停时添加类

  //Sidebar 
  $('.block-templates-container:not(:first-child)').hide();
      $(this).hover(function() {
          $('.block-templates-container').hide();
          var getId = $(this).attr('id');
          $('.block-templates-container#' + getId + '_show').show();

          $('.block-name').not(this).removeClass('current');
          $(this).addClass('current');
      });
  });