由于多个类，jQuery 和 If 语句不匹配

Question

我想通过添加类“noEdit”从 .click 函数中排除 DOM 元素，我遇到的问题是其中一些元素具有多个类，即:

<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

如果查询class属性为 attr() ，它只是将值作为单个字符串返回。然后，您的第一个 <td> 的条件就会失败。因为您的代码将尝试比较

"firstCol noEdit" != "noEdit"

返回 true(因为它们不相等)并导致显示警报。

您需要查看 hasClass()相反，它会为您解析类列表并检查属性中是否存在给定类:

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