web-dev-qa-db-fra.com

Vérifier si une classe `active` existe sur un élément avec jquery

Vérifier si une classe active existe sur une li avec une classe menu

Par exemple

<li class="menu active">something...</li>
20
esafwan

Je pense que vous voulez utiliser hasClass ()

$('li.menu').hasClass('active');
40
Richard Dalton

Vous pouvez récupérer tous les éléments ayant la classe 'active' en utilisant les éléments suivants:

$('.active')

Vérifier si oui ou non il y en aurait, je crois, être avec 

if($('.active').length > 0)
{
    // code
}
7
Johan
$('li.menu.active')

est le moyen le plus simple. Cela retournera tous les éléments avec les deux classes.

Ou un/déjà répondu jQuery hasClass () - recherchez plusieurs classes

5
andyb

Javascript pur réponse:

document.getElementsByClassName("menu").classList.contains("active");

Peut aider quelqu'un un jour.

3
Simon Arnold

Vous pouvez utiliser la méthode hasClass, par exemple.

$('li.menu').hasClass('active') // true|false

Ou si vous voulez le sélectionner en une fois, vous pouvez utiliser:

$('li.menu.active')
3
a'r

utilisez la méthode hasClass jQuery

1
sushil bharwani
    if($('selector').hasClass('active')){ }

je pense que cela va vérifier si le sélecteur hasClass est actif ...

1

Si condition à vérifier, classe actuellement active ou non

$('#next').click(function(){
    if($('p:last').hasClass('active'){
       $('.active').removeClass();
    }else{
       $('.active').addClass();
    }
});
0
Jay Patel
$(document).ready(function()
{
  changeColor = $(.active).css("color","any color");
  if($(".classname").hasClass('active')) {
  $(this).eq(changeColor);
  }
});
0
Scott