Averiguar si un elemento tiene una clase CSS con jQuery

0 comentarios

Si quereis hacer una condicional para conoer 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 algun elemento de nuestro menu tiene la clase “.activo”cuando pulsemos sobre algún elemento del menu:

<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:

$(document).ready(function(){

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

});

Escribe un comentario

Comenta este post en Facebook

HTML5 Powered with CSS3 / Styling, Device Access, and Semantics