Jquery: ¿Cómo comprobar si el elemento tiene cierta clase css/estilo

Question

tengo un div:

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

¿Hay alguna manera de comprobar si el elemento determinado:

$("#someElement") 

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

Alternativamente, ¿hay alguna manera de comprobar que el elemento tiene un cierto estilo? En este ejemplo, me gustaría saber si el elemento tiene "posición: absoluta".

¡Muchas gracias!

Answer 1

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

Answer 2

he encontrado una solución:

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

pero de alguna manera creo que hay una manera mejor!

Answer 3

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

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

Si no vuelve a definir el estilo, obtendrá el valor por defecto del navegador para ese elemento en particular.

Answer 4

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

Answer 5

O, si usted necesita para acceder al elemento que tiene esa propiedad y que no utiliza un id, usted podría ir a esta ruta:

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