सीएसएस

Question

द्वारा jquery तत्व फ़िल्टर उदाहरण के लिए मैं प्रत्येक div का चयन करना चाहता हूं जिसमें लाल पृष्ठभूमि रंग है। यह jquery में संभव है?

<div style="background-color:red"></div> 
<div style="background-color:white"></div> 
<div style="background-color:red"></div> 
<div style="background-color:yellow"></div> 

आप

Answer 1

$('div[style=background-color:red]'); 

Answer 2

आप jQuery फिल्टर इस्तेमाल कर सकते हैं धन्यवाद:

$('div').filter(function() { 
    return this.element.style['background-color'] == 'red'; 
}); 

लेकिन, जैसा कि tvanfosson ने कहा है, सही तरीके से प्रत्येक के लिए एक CSS वर्ग आवंटित करने के लिए किया जाएगा अपने divs, तो आप इस तरह jQuery का उपयोग कर ऑब्जेक्ट्स को कॉल कर सकते हैं (जो jQuery के साथ काम करने का पसंदीदा तरीका है):

$('.yourCSSClass'); 

Answer 3

मुझे लगता है कि आपको लगता है कि के लिए एक कस्टम फिल्टर की आवश्यकता है, तो आप टैग पर एक निश्चित style=xxx विशेषता पर भरोसा नहीं करना चाहती:

$('*').filter(function() { /* check the background color of this */ }); 

Answer 4

यह मुश्किल तरीके से क्यों करते हैं? एक बेहतर समाधान है कि अपने तत्वों को अपनी शैलियों को देने के लिए सीएसएस कक्षाओं का उपयोग करें, फिर आप कक्षा-आधारित चयनकर्ता का उपयोग कर सकते हैं।

<style type="text/css"> 
    .alert { 
     background-color: red; 
    } 
</style> 

<div class="alert"></div> 


$('.alert').... 

Answer 5

सबसे पहले, मैं पृष्ठ तत्वों पर इनलाइन शैलियों को सेट करने की सलाह नहीं देता हूं। सीएसएस वर्गों को असाइन करें और बाहरी पृष्ठभूमि दस्तावेज़ में अपने पृष्ठभूमि रंगों को नियंत्रित करें।

<div class="red"></div> 
<div class="white"></div> 
<div class="red"></div> 
<div class="yellow"></div> 

और अपने सीएसएस में:

.red {background-color:red;} 
.white {background-color:white;} 
.yellow {background-color:yellow;} 

तो यह यह का उपयोग करके लाल लोगों को चुनने के लिए आसान बनाता है: $('div.red')

Answer 6

इस कोड को भी सीएसएस है कि में परिभाषित नहीं लिए काम करता है टैग की शैली विशेषता:

$('div').filter(function() { 
    return $(this).css('background-color') == 'red'; 
});