2012-07-01 24 views
7

Estoy intentando crear una sentencia if que ejecute el código si el elemento li cliqueado no tiene una clase de foto.Compruebe si el elemento cliqueado no tiene una clase específica

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

Respuesta

8

Uso del :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 respuesta inteligente. – undefined

+0

¡Interesante, gracias! – farrkling

6

sólo tiene que utilizar jQuery .is:

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

O, si lo prefiere, .hasClass:

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

¡Genial! ¡Gracias! – farrkling

+2

Use la respuesta de @ EH_warch en su lugar, no le presté atención al selector exterior :) – Ryan

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