¿Cómo se seleccionan los elementos en función de su estilo?

Question

Usando jQuery, ¿cómo encontraría elementos que tienen un estilo particular (por ejemplo: float: left), independientemente de si se trata de un estilo en línea o uno definido en un archivo CSS?

Answer 1

Utilizando el filter function:

$('*').filter(function() { 
    return $(this).css('float') == 'left'; 
}); 

Reemplazar '*' con los selectores apropiados para su caso.

Answer 2

Bueno, no sé si abordaría esto de esta manera. ¿Por qué no cambiar el nombre de esos elementos con un ID o nombre de clase consistente y seleccionar eso?

Si eso no es una opción, esto debería funcionar:

this.getElementsByTagName('div').item(0).style.float = 'left'; 

creo.

Answer 3

Esto va a ser lento. Me gusta REALMENTE lento. Si sabe que necesita seleccionar todos los elementos con un estilo CSS dado, verá un rendimiento mucho mejor al aplicar una regla CSS única adicional a cada elemento, y luego seleccionar por esa regla.

Va a ser MUCHO más rápido y más legible para arrancar.

CSS:

.float-left {float:left} 

Javascript:

$('.float-left');