排除当父李有

Question

类

我试图点击功能添加到除非父李有一定的阶级（.current）A元素

下似乎不工作：

$('ul li:not(.current) a').click(function (e) { 

这里有一个的jsfiddle：

http://jsfiddle.net/WvPE7/

我不想点击功能为 'UL li.current一个' 执行 - 只 'UL李一'（无.current ）

当然，我错过了很简单的东西......任何帮助赞赏！ :)

Answer 1

您应该增加而不是使用:not('.current')小的状态。

if ($(this).parent().hasClass('current')) return; 

当您运行$('ul li:not(.current) a')，在这一点上，有带班目前没有利的事件绑定。

DEMO：http://jsfiddle.net/WvPE7/5/

全码：

$('ul li a').click(function (e) { 
    e.preventDefault(); 

    if ($(this).parent().hasClass('current')) return; 

    $('p').hide(); 
    $('li').removeClass('current'); 
    $(this).parent().addClass('current'); 
    var myClass = $(this).attr('class'); 
    $('p.' + myClass).fadeIn(); 
}); 

Answer 2

反过来

$('ul li:not(.current) a').click(function (e) { 

到

$('ul').on('click', 'li:not(.current) a', function (e) { 

Answer 3

可以使用.on()方法简单代表团做到这一点：

$('ul').on('click', 'li:not(.current) a', function(e) { 
    // ... 
}); 

您可以了解更多有关.on()here。

---

这是在行动：http://jsfiddle.net/WvPE7/7/