jquery element filter by css

Question

Örneğin kırmızı arka plan rengine sahip her div seçmek istiyorum. jquery'de bu mümkün mü? tvanfosson dediği gibi, doğru yolu her birine bir CSS sınıfı atamak olacaktır

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

Ama:

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

Eğer

Answer 1

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

Answer 2

jQuery filtresi kullanabilirsiniz teşekkür senin divs, daha sonra jQuery kullanarak nesneleri (jQuery ile çalışmanın tercih edilen yolu) olarak arayabilirsin:

$('.yourCSSClass'); 

Answer 3

Sana etiketteki belli style=xxx özniteliği güvenmek istemiyorsanız bunun için özel bir filtre gerektiğini düşünüyorum:

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

Answer 4

Neden zor yoldan mı? Daha iyi bir çözüm, elemanlarınıza stillerini vermek için CSS sınıflarını kullanmaktır, daha sonra sınıf tabanlı seçiciyi kullanabilirsiniz.

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

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


$('.alert').... 

Answer 5

Her şeyden önce, sayfa öğelerinde satır içi stilleri ayarlamanızı önermiyorum. CSS sınıfları atayın ve arka plan renklerinizi harici bir CSS belgesinde kontrol edin.

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

Sonra kullanarak kırmızı olanları seçmek için kolaylaştırır:

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

Ve CSS'nizde

Bu kod aynı zamanda tanımlanmayan olan CSS için çalışıyor $('div.red')

Answer 6

Etiketin stil özelliği:

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