排除當父李有

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/