find elements with position:attribute

Question

I would try to find all "absolute" elements in my page; with jQuery I though it would be something like

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

but on ff 10.0.2 I cannot find an element...

Also, I cannot run the exaple code on http://api.jquery.com/attribute-equals-selector/ Is there something wrong on this syntax?

Answer 1

Try this:

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

Demo : http://jsfiddle.net/XRRbr/1/

More info: http://api.jquery.com/attribute-contains-selector/

Answer 2

Building on Nicola's answer, you can also 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';
    }
});

Then you can you do things like this.

$(':absolute');

$('div.sidebar:relative');