jQuery buscar por atributo css en línea

Question

Necesito encontrar un elemento basado en un atributo específico css. El css se aplica en línea y no puedo usar una clase. ¿Hay alguna forma de lograr esto en jQuery?

Answer 1

Se podría utilizar un attribute selector de

Por ejemplo

$(":radio [style*='regular']") 

volvería un conjunto envuelto de cualquier radio de entrada que contienen 'regular' en el atributo de estilo

Answer 2

Algo así como:

$('selector').each(function() { 
    if($(this).attr('style').indexOf('font-weight') > -1) { 
     alert('got my attribute'); 
    } 
}); 

Answer 3

var ccsStyle="font-weight:bold"; 
var els = []; 
$("*").each(function(){ 
    var st = $(this).attr("style"); 
    if(st.indexOf(cssStyle) > -1) els.push(this); 
}); 
//do stuff with els 

Answer 4

Se puede utilizar el indicador de atributo y el uso contiene si se conoce el formato específico que se encuentra.

$("[style*='position']") 

Esto sería encontrar todos los elementos que definen la posición de atributo css.

Answer 5

Creo que es posible que pueda escribir un selector jQuery personalizado para hacer esto.

Por ejemplo, si usted quiere hacer Selección por cierto atributo de estilo, que puede hacer:

jQuery.extend(jQuery.expr[':'], { 
    styleEquals: function(a, i, m){ 
     var styles = $(a).attr("style").split(" ") 
     var found = false; 
     for (var i = 0; i < styles.length; i++) { 
      if (styles[i]===m[3]) { 
       found = true; 
       break; 
      } 
     } 
     return found; 
    } 
}); 

A continuación, se puede utilizar en conjunción con cualquier otro selector puede seleccionar todos los elementos de entrada con cierto estilo como esto:

$('input:styleEquals('width=10px')') 

Answer 6

Creo que esta es la solución más limpia. Digamos que desee encontrar todos los elementos que z-índice tiene un valor particular:

$('*').filter(function() { return $(this).css('z-index') == 101 }) 

Answer 7

Puede buscar cualquier atributo en línea con .attr() .. .attr('attr_name')

http://api.jquery.com/attr/

css_inline_value = $(element).attr('style'); 

if (css_inline_value = search_value) { 
    // do stuff 
} 

Answer 8

Sí, creo la manera más rápida y fácil de lograr los resultados deseados sería apuntar estilos con un selector de clase de propiedad.

Como se dijo antes:

$('div.yourClass[style*="background-color:Blue"]).css('color', 'White'); 

De esa manera nos dirigimos a todos los divs con la misma clase que tiene el fondo azul y contarles todo para que el texto de color blanco. Por supuesto, en lugar de .css podemos usar cualquier cosa aquí, .animate y decirle a todo el blues que se anime, etc. Esto me ayudó mucho con las relaciones con DB y las personas configuraron cosas extrañas en DB.

que solía ser menos genérico, y las cuerdas de destino con: Contiene ... pero entonces alguien va a la base, y cambia los textos y etiquetas, y adiós código;)

espero que ayude.