2012-07-01 15 views
7

Próbuję utworzyć instrukcję if, która uruchamia kod, jeśli kliknięty element li nie ma klasy zdjęcia.Sprawdź, czy kliknięty element nie ma określonej klasy

$('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'); 
    } 
}); 

Odpowiedz

8

Użyj :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"); 
}); 
+0

+1 inteligentna odpowiedź. – undefined

+0

Interesujące, dziękuję! – farrkling

6

Wystarczy użyć jQuery .is:

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

Lub, jeśli tak wolisz, .hasClass:

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

Świetnie! Dziękuję Ci! – farrkling

+2

Zamiast tego używaj odpowiedzi @ EH_warch, nie zwracałem uwagi na zewnętrzny selektor :) – Ryan

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