Jquery

Verificar si un elemento tiene una clase Css

Por : Jhons_1101
2016-08-31
Tags :
Es muy sencillo, para conocer si un determinado elemento del DOM tiene una determinada clase, podemos hacer uso del método hasClass() de Jquery.
Con esta pequeña explicación podemos determinar si el elemento tiene la clase y podemos quitarla o ambiarla, según sea el caso.
compartir en facebook compartir en Google compartir en Twitter compartir en Blogger compartir como código embebido compartir la url

HTML


/* Tenemos el elemento que queremos validar */
   
   <button class="btn btn-enviar" id="btn-enviar">Enviar</button>

Jquery


/* hasClass valida dentro de todas las clases que tenga el elemento, cosa que no
   pasa con attr() */
   
if ($("#btn-enviar").hasClass('btn-enviar')){
    alert('Si tiene la clase');
}else{
    alert('No tiene la clase');
}

/* He visto gente que aplica esta metodología..
   La efectividad de este metodo no es seguro, ya que si tiene
   más de una clase (como en este caso), la validación se perdería. 
   ya que se compara una cadena de texto. */
   
if ($("#btn-enviar").attr('class') == 'btn-enviar'){
    alert('Si tiene la clase');
}else{
    alert('No tiene la clase');
}
// La salida sera 'No tiene la clase'






Si este contenido te fue útil, no olvides compartirlo en redes sociales, Considéralo. Puede ser la manera de agradecer!


Agrega tu comentario...

Puedes utilizar etiquetas <pre></pre>, <p></p>, <div></div>, + (Nombre usuario, para responderle a alguien)

6bt5xkJ





Este post no tiene comentarios, sé el primero en hacerlo
Esta entrada no cuenta con imágenes adjuntas

Unete al grupo de whatsApp +57 316 392 6456

Sigue el grupo en facebook

Siguenos.....