¿Cómo seleccionar con un atributo de estilo específico?jQuery: ¿seleccionar atributo de estilo?
<div style="width: 420px; text-align: left; margin-top: 10px; margin-bottom: 10px;">
Estoy intentando:
$("div[style='width: 420px; text-align: left; margin-top: 10px; margin-bottom: 10px;']);
pero nada se interpone seleccionado.
Su ejemplo funciona para mí, en Chrome, al menos, una vez corregido el typo del desaparecido "al final de la línea.
$("div[style='width: 420px; text-align: left; margin-top: 10px; margin-bottom: 10px;']");
Esta es una solución altamente específica. ¿Qué sucede si estás buscando un atributo de estilo, p. 'text-align: left'? –
(esto no responde a la pregunta. Sin embargo, si la persona que escribió la página HTML había usado clases en lugar del atributo de estilo, a continuación, el PO no tendría este problema.)
.foo { width: 420px; text-align: left; margin-top: 10px; margin-bottom: 10px; }
<div class="foo"> </div>
$("div.foo")
quizás tratar
$('div').filter(function() {
var self = $(this);
return self.width() === 420 &&
self.css('margin-top') === '10px' &&
self.css('margin-bottom') === '10px' &&
self.css('text-align') === 'left';
});
sería más fácil sin embargo para seleccionar el elemento por un atributo, tales como identificador o CSS clase, o por su posición a un elemento que tiene una clase de identificación o CSS.
Que yo sepa, no hay manera de hacer que el uso de un selector de jQuery, pero se puede utilizar el método filter() lugar:
$("div").filter(function() {
var $this = $(this);
return $this.css("width") == "420px"
&& $this.css("text-align") == "left"
&& $this.css("margin-top") == "10px"
&& $this.css("margin-bottom") == "10px";
});
¿por qué no utilizar los identificadores de clases/para seleccionar cosas? ¿Y por qué se utiliza en línea' 'style = s tyles? – thejh
@thejh Hay buenas razones para usar estilos en línea a veces. Cuando tiene muchos objetos que difieren de un estilo base en formas únicas cada vez, la configuración de una nueva identificación cada vez es a menudo innecesaria o para el código dinámico, no aplicable. – Orbling
Estoy tratando de extraer datos de una página html existente. – davidgale