jQuery和If語句不匹配，因爲多個類

Question

我有一個DOM元素，我想通過添加類「noEdit」排除.click函數我遇到的問題是其中一些元素有多個類即：

<td class="firstCol noEdit"> // <-- wont work 
<td class="noEdit"> // <-- works fine 

而jQuery的：

$('td').click(function(){ 
    if($(this).attr('class') != "noEdit"){ 
     alert('do the function'); 
    }); 

想法？

Answer 1

如果您使用attr()查詢class屬性，它只是將該值作爲單個字符串返回。然後，條件失敗關於你的第<td>因爲你的代碼將嘗試比較

"firstCol noEdit" != "noEdit" 

（因爲他們是不相等），返回真，使您的警報顯示。

你會想看看hasClass()功能來代替，該分析類列表，爲您和檢查給定類的屬性中的存在：

$('td').click(function() { 
    if (!$(this).hasClass("noEdit")) { 
     alert('do the function'); 
    } 
}); 

Answer 2

如何使用屬性過濾器：

// != means 'not exactly matching', whereas *= means 'contains' 
$('td[class!=noEdit]').click(function(){ 
    alert('do the function'); 
}); 

Answer 3

您可以使用jQuery's not() traversal來清理：

$('td').not('.noEdit').click(function() { 
    alert('do the function'); 
});