buscar elementos con posición: atributo

Question

Intentaría encontrar todos los elementos "absolutos" en mi página; con jQuery que sin embargo sería algo así como

$('[position="absolute"]') 

sino en ff 10.0.2 No puedo encontrar un elemento ...

Además, no puede ejecutar el código en exaple http://api.jquery.com/attribute-equals-selector/ ¿Hay algo malo en esta sintaxis?

Answer 1

Usted podría utilizar filter()

$('*').filter(function(){ 
    var position = $(this).css('position'); 
    return position === 'absolute'; 
}); 

No se puede utilizar el atributo es igual selector porque debido a que el selector sería buscar elementos con un atributo que se llama posición absoluta es igual a como esta

<div position="absolute"> 

pero en su case position is a css property

Answer 2

Pruebe esto:

$("*[style*='position:absolute']").each (function() { 
    alert($(this).html()); 
}); 

Demostración: http://jsfiddle.net/XRRbr/1/

Más información: http://api.jquery.com/attribute-contains-selector/

Answer 3

Sobre la base de la respuesta de Nicola, también puede extend jQuery's selector engine.

$.extend($.expr[':'],{ 
    absolute: function(el) { 
     return $(el).css('position') === 'absolute'; 
    }, 
    relative: function (el) { 
     return $(el).css('position') === 'relative'; 
    }, 
    static: function (el) { 
     return $(el).css('position') === 'static'; 
    }, 
    fixed: function (el) { 
     return $(el).css('position') === 'fixed'; 
    } 
}); 

Entonces usted puede hacer cosas como esta.

$ (': absolute');

$ ('div.sidebar: relative');