jquery if class 然后悬停效果答案

【问题标题】：jquery if class then hover effectjquery if class 然后悬停效果
【发布时间】：2016-02-20 20:59:08
【问题描述】：

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

这是我目前所拥有的：

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

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

非常感谢您的宝贵时间

【问题讨论】：

不清楚td.n 是否总是相同的元素，只是有两个不同的父母，还是什么？也许你应该发布一些 HTML

标签： javascript jquery css hover toggleclass

【解决方案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');
    }
});

【讨论】：