javascript - hasclass - Jquery: Cómo verificar si el elemento tiene cierta clase/estilo CSS

jquery find class

Question

Tengo un div:

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

¿Hay alguna manera de verificar si el elemento determinado:

$("#someElement") 

tiene una clase particular (en mi caso, "prueba").

Alternativamente, ¿hay alguna manera de verificar que el elemento en tiene un cierto estilo? En este ejemplo, me gustaría saber si el elemento tiene " position: absolute ".

¡Muchas gracias!

Answer 1

Los estilos CSS son pares clave-valor, no solo "etiquetas". De forma predeterminada, cada elemento tiene un conjunto completo de estilos CSS asignados, la mayoría de ellos está utilizando implícitamente los valores predeterminados del navegador y algunos de ellos se redefinen explícitamente en hojas de estilo CSS.

Para obtener el valor asignado a una entrada de CSS particular de un elemento y compararlo:

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

Si no redefinió el estilo, obtendrá el navegador predeterminado para ese elemento en particular.

Answer 2

O bien, si necesita acceder al elemento que tiene esa propiedad y no usa una identificación, puede seguir esta ruta:

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

Answer 3

Si usa jQuery, y quiere verificar por cierto estilo, entonces su código será

if($(''#someElement'').css(''position'', ''absolute'')) {
  ... do something ...
}
else {
  ... do something else ...
}

y si quieres verificar por clase entonces,

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

jQuery CDN

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 4

he encontrado una solución:

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

¡pero de alguna manera creo que hay una mejor manera!

Answer 5

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

Answer 6

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