tìm các phần tử có vị trí: thuộc tính

Question

Tôi sẽ cố gắng tìm tất cả các phần tử "tuyệt đối" trong trang của mình; với jQuery tôi mặc dù nó sẽ là một cái gì đó giống như

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

nhưng trên ff 10.0.2 Tôi không thể tìm thấy một yếu tố ...

Ngoài ra, tôi không thể chạy mã exaple trên http://api.jquery.com/attribute-equals-selector/ Có điều gì sai về cú pháp này?

Answer 1

Bạn có thể sử dụng filter()

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

Bạn không thể sử dụng thuộc tính tương đương với selector vì vì chọn mà sẽ tìm kiếm các yếu tố với một thuộc tính được gọi là vị trí đó bằng tuyệt đối như thế này

<div position="absolute"> 

nhưng trong bạn vị trí trường hợp là thuộc tính css

Answer 2

Hãy thử cách này:

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

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

Thông tin thêm: http://api.jquery.com/attribute-contains-selector/

Answer 3

Xây dựng về câu trả lời Nicola, bạn cũng có thể 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'; 
    } 
}); 

Sau đó, bạn có thể làm những việc như thế này.

$ (': absolute');

$ ('div.sidebar: relative');