2012-03-19 15 views
12

मैं अपने पृष्ठ में सभी "पूर्ण" तत्व ढूंढने का प्रयास करूंगा; jQuery के साथ मैं हालांकि यहस्थिति वाले तत्व ढूंढें: विशेषता

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

की तरह कुछ लेकिन एफएफ 10.0.2 पर मैं एक तत्व नहीं मिल सकता है ...

भी हो सकता है, मैं exaple कोड नहीं चला सकते हैं पर http://api.jquery.com/attribute-equals-selector/ वहाँ कुछ गड़बड़ पर है यह वाक्यविन्यास?

उत्तर

18

आप इस्तेमाल कर सकते हैं filter()

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

आप विशेषता का उपयोग नहीं कर सकते क्योंकि क्योंकि कि चयनकर्ता एक विशेषता बुलाया स्थिति यह है कि इस

<div position="absolute"> 

लेकिन में तरह निरपेक्ष के बराबर होती है साथ तत्वों खोज करेंगे चयनकर्ता के बराबर होती है आपके केस स्थिति एक सीएसएस संपत्ति है

+0

उम्म, onestly, मैं और अधिक करता है, तो वहाँ कुछ मेरी वाक्य रचना में गलत है, स्पष्ट रूप से उपयोग फिल्टर ... –

+0

@VitoDeTullio मैं अपने जवाब अद्यतन करने के लिए की तुलना में पता करने के लिए दिलचस्पी थी, स्थिति एक सीएसएस संपत्ति, नहीं एक विशेषता –

+0

है wooops, मैं गूंगा हूँ _ _ –

0

इसे आजमाएं:

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

डेमो: http://jsfiddle.net/XRRbr/1/

और जानकारी: निकॉला के जवाब पर http://api.jquery.com/attribute-contains-selector/

+1

अच्छा, लेकिन यह मानता है कि शैली इनलाइन है। http://jsfiddle.net/MGv9X/ –

+0

यह संभव हो सकता है लेकिन कोड मुश्किल होगा। यदि स्वीकृत उत्तर आपके लिए काम करता है तो यह वैध उत्तर होना चाहिए। JFYI, https://developer.mozilla.org/en/DOM/window.getComputedStyle http://stackoverflow.com/questions/754607/can-jquery-get-all-css-styles-associated- -एक-तत्व के साथ – codef0rmer

10

बिल्डिंग, आप भी 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'; 
    } 
}); 

तब आप इस तरह की चीजें कर सकते हैं।

$ (': पूर्ण');

$ ('div.sidebar: रिश्तेदार');

संबंधित मुद्दे