检查clicked元素是否没有特定的类

Question

我试图创建一个运行代码的if语句，如果点击的li元素没有一类照片。

$('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

使用:not selector：

$("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 2

只需使用jQuery的.is：

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

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

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

Answer 3

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