不火，如果元素是class「負荷」或兒童包含「.delete」

Question

下面是HTML：

<ul> 
    <li>This should fire</li> 
    <li>This should not fire, but does <div class="delete">Delete</div></li> 
    <li class="load">This does not fire as expected</li> 
</ul> 

這裏是jQuery的

$('ul').on('click', 'li:not(.load):not(:has(.delete))', function() { 
    alert('fire'); 
}); 

任何想法如何，我可以預防jQuery的發射時，李有一個子類.delete的子元素？

Answer 1

工作正常，我（fiddle）。也就是說，你用另一個開頭li標籤而不是結束標籤......所以，你會得到一個意外的列表項。

<ul> 
    <li>This should fire</li> 
    <li>This should not fire, but does<div class="delete">Delete</div></li> 
    <li class="load">This does not fire (as expected)</li> 
</ul>

Answer 2

試試下面的代碼：

$('ul').on('click', 'li', function() { 
    var currentLi = $(this); 
    if(currentLi.find('.delete').length == 0 && !currentLi.hasClass('load')) { 
     alert('fire'); 
     return false; 
    } 
}); 

Answer 3

這樣的：

$('li:not(.load):not(:has(.delete))').on('click', function() {  
    alert('fire'); 
});