Jquery : Comment vérifier si l'élément possède une certaine classe/style css

Question

J'ai un div :

<div class="test" id="someElement" style="position: absolute"></div>

Existe-t-il un moyen de vérifier si un élément donné :

$("#someElement") 

a une classe particulière (dans mon cas, "test").

Sinon, existe-t-il un moyen de vérifier qu'un élément a un certain style ? Dans cet exemple, j'aimerais savoir si l'élément a " position: absolute ".

Merci beaucoup !

Answer 1

Les styles CSS sont des paires clé-valeur, et non de simples "balises". Par défaut, chaque élément se voit attribuer un ensemble complet de styles CSS. La plupart d'entre eux utilisent implicitement les valeurs par défaut du navigateur et certains sont redéfinis explicitement dans les feuilles de style CSS.

Pour obtenir la valeur attribuée à une entrée CSS particulière d'un élément et la comparer :

if ($('#yourElement').css('position') == 'absolute')
{
   // true
}

Si vous n'avez pas redéfini le style, vous obtiendrez le style par défaut du navigateur pour cet élément particulier.

Answer 2

if($('#someElement').hasClass('test')) {
  ... do something ...
}
else {
  ... do something else ...
}

Answer 3

if ($("element class or id name").css("property") == "value") {
    your code....
}

Answer 4

Ou, si vous devez accéder à l'élément qui possède cette propriété et qui n'utilise pas d'id, vous pouvez suivre cette voie :

$("img").each(function () {
        if ($(this).css("float") == "left") { $(this).addClass("left"); }
        if ($(this).css("float") == "right") { $(this).addClass("right"); }
    })

Answer 5

J'ai trouvé une solution :

$("#someElement")[0].className.match("test")

mais d'une manière ou d'une autre, je crois qu'il y a un meilleur moyen !