javascript - jquery if class then hover 效果

Question

我有一个切换类的点击处理程序，以及一个改变背景颜色的悬停效果。 如果类已切换，我想禁用悬停效果。

这是我目前所拥有的:

    $('#plan td.n').bind('click', function() {
    $(this).toggleClass('selected n');
});

$('#tblThings td.n').hover(function()
{
  if ( $( this ).hasClass( "selected" ) )
  {
          $( this ).css('background-color', '#63D3FF');
  }
};

非常感谢您的宝贵时间

Answer 1

您必须检查类的相同元素吗？

$('#plan td.n').on('click', function() {
    $(this).toggleClass('selected n');
});

$('#tblThings td.n').hover(function() {
    if ( $('#plan td.n').hasClass( "selected" ) ) {
        $( this ).css('background-color', '#63D3FF');
    }
});