在具有特定类别时点击元素添加类别

Question

我发现下面的代码在具有特定类别的选择时添加了蓝色类别，但它将其应用于整个菜单。我希望在点击选择类时应用它。我希望以前对李的作用，以便我可以应用和：之后和：风格之前。

这是原来的代码： -

<script> 
    $(document).ready(function() { 
    if ($('#headerContent ul li a').hasClass('select')) { 
    $('#headerContent ul li a').addClass('Blue'); 
    } 
    }); 
</script> 

这是我重写这似乎不起作用。

<script> 
    $(document).ready(function() { 
     if ($('#headerContent ul li a').hasClass('select')).onClick(function() { 
    $('#headerContent ul li').addClass('Blue');}) 
    }); 
</script> 

编辑：

这我觉得是不是重复！也许我应该更多地解释它。我使用这个结合jQuery插件滚动，点击时添加类选择！我正在使用这个插件平滑滚动，它将一个select类添加到锚标记。

我已经把一起的jsfiddle：

http://jsfiddle.net/axajLjb1/1/

我已经更新我的小提琴。基本上你可以看到它在点击时应用了一个类，但是当我点击另一个选项时它不会删除它。

Answer 1

如果你想有选择的事件的T锚元素，然后附加：

$(document).ready(function() { 
$('#headerContent ul li a.select').click(function() { 
$('.Blue').removeClass('Blue'); 
$(this).parent().addClass('Blue');//add class blue to currently clicked anchor with class select 
}); 
}); 

如果你想将发生的点击，只有当元素有选择，那么您可以使用事件委托或增加上面的检查处理程序检查元素是否具有选择类。

$(document).ready(function() { 
    $('#headerContent ul li').on('click','a.select',function() { 
    $('.Blue').removeClass('Blue'); 
    $(this).parent().addClass('Blue');//add class blue to currently clicked anchor with class select 
    }); 
}); 

Answer 2

您应该委托的事件，而不是让选择过滤上的苍蝇，假设.select元素可以根据用户的交互变化：

$(document).ready(function() { 
    $('#headerContent ul li').on('click', 'a.select', function() { 
     $(this).addClass('Blue'); 
    }); 
}); 

我想一类蓝色的添加到李当锚标签有 一类“选择”。

那么，使用方法：

$(document).ready(function() { 
    $('#headerContent ul li').on('click', 'a.select', function() { 
     $(this).closest('li').addClass('Blue'); 
    }); 
}); 

，现在我想知道，如果你希望它在用户点击或没有？如果不是，但是当.select类被插件添加时，它肯定是一个XY问题。你的问题太不好问imho了...在这种情况下，使用任何插件回调，检查DOC。但是，当然，我们不知道你在说哪个插件，所以...