2010-07-12 18 views
23

Tengo el seguimiento HTMLjQuery Obtener elementos de color?

<div>This is some <span>special <a href="#">text</a></span> and it's super</div> 

y CSS

span {color:#333;} 
a {color:#777;} 
a:hover {color:#AAA;} 

me pregunto qué puedo usar para configurar una función que puedo extraer el color de la <un> y <un>: hover elements?

Gracias

Respuesta

39

Utilice el método .css() en el elemento que desea recuperar.

En su ejemplo:

var theColorIs = $('a').css("color"); 

que devolverá el color en RGB.

+0

oh, gracias. Lo verifico – Tom

+0

nps. Sin embargo, no tomo mi ejemplo literalmente: mi ejemplo en realidad devolvería una colección de elementos 'a'. solo modifícalo para tu uso. – RPM1984

+0

Hola, me pregunto: ¿cómo podría hacer esto para múltiples elementos? i.e.var theColorIs = $ ('a'). css ("color", "font-size"); ya que eso no parece funcionar? – Tom

1

Para obtener el atributo CSS color de todos los elementos que puede utilizar CSS jQuery() Función:

$('a').each(function(index) { 
       alert($(this).css('color')); 
      });​​​​ 

Esto iterar a través de todos los elementos de anclaje en la página y que la diga Atributo de color CSS de los mismos.

+0

Hola, me preguntaba: ¿cómo podría hacer esto para varios elementos? i.e.var theColorIs = $ ('a'). css ("color", "font-size"); ya que eso no parece funcionar? – Tom

+1

Si pasa un segundo argumento a css(), establecerá el atributo css especificado. Por ejemplo, para cambiar el color a verde, puede decir: $ ('a'). Css ('color', 'verde') Si desea acceder a múltiples propiedades CSS de un elemento, tendrá para realizar la llamada a css() varias veces: $ ('a'). css ('color); $ ('a'). Css ('font-size'); Para obtener más información, lea la documentación publicada en la otra respuesta :) – Josiah