jquery - 检查单击的元素是否没有特定的类

Question

如果单击的 li 元素没有照片类别，我正在尝试创建一个运行代码的 if 语句。

$('div.menu li').click(function(){
    var content = $(this).attr('class');
    if (/* I can't figure out the correct syntax that goes here? */){
        $("div.content_wrapper, div.content").hide();
        $('div.content_wrapper').animate({width: 'toggle'});
        $('div.content_wrapper, div.' + content).show();
        $('div.menu li').removeClass('menuactive');
        $(this).addClass('menuactive');
    }
});

Answer 1

只需使用 jQuery 的.is：

if(!$(this).is('.some-class')) { // ...

或者，如果您愿意，可以.hasClass：

if(!$(this).hasClass('some-class')) { // ...

Answer 2

使用:not选择器：

$("div.menu li:not(.photo)").click(function(){
    $("div.content_wrapper, div.content").hide();
    $("div.content_wrapper").animate({width: "toggle"});
    $("div.content_wrapper, div." + content).show();
    $("div.menu li").removeClass("menuactive");
    $(this).addClass("menuactive");
});

Answer 3

if(!$(this).hasClass('className')) {
    // clicked element does not have the class
}