Averiguar si un elemento tiene una clase CSS con jQuery

Si queréis hacer una condicional para conocer si un determinado elemento de nuestra web tiene una determinada clase, podemos hacer uso de la clase hasClass() de jquery de manera muy sencilla.

Un ejemplo, vamos a ver si algún elemento de nuestro menú tiene la clase «.activo»cuando pulsemos sobre algún elemento del menú:

<ul class="menu">
    <li><a href="#">Inicio</a></li>
    <li><a href="#">Empresa</a></li>
    <li><a href="#" class="activo">Productos</a></li>
    <li><a href="#">Contacto</a></li>
</ul>

Y ahora hacemos una simple condicional en javascript utilizando jquery:

$(".menu li a").click(function(){
    if ($(this).hasClass('activo')){
        alert('Si');
    }else{
        alert('No');
    }
});

Si quieres hacerlo sin usar JQuery o otra librería JS mira este post: https://www.bufa.es/vanilla-js-hasclass/