Câu lệnh jQuery và If Not Matching Vì nhiều lớp

Question

Tôi có các phần tử DOM mà tôi muốn loại trừ khỏi một hàm .click bằng cách thêm một lớp "noEdit" mà tôi gặp phải là một số thành phần có nhiều lớp :

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

Và jQuery:

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

suy nghĩ?

Answer 1

Nếu bạn truy vấn thuộc tính class với attr(), nó chỉ trả về giá trị dưới dạng một chuỗi. Tình trạng đó không cho bạn đầu tiên <td> vì mã của bạn sẽ cố gắng so sánh

"firstCol noEdit" != "noEdit" 

nào trả về true (vì chúng không bằng nhau) và gây ra cảnh báo của bạn để hiển thị.

Bạn sẽ muốn nhìn vào hasClass() chức năng thay vào đó, mà phân tích danh sách lớp cho bạn và kiểm tra sự hiện diện của lớp đưa ra trong các thuộc tính:

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

Answer 2

Làm thế nào về việc sử dụng một bộ lọc thuộc tính:

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

Answer 3

Bạn có thể sử dụng jQuery's not() traversal phải dọn dẹp mới:

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