CSS, belirli bir arka plan rengi olan div
içinde bir grup span
s seçmek istiyorum. Bunu nasıl başarabilirim?Belirli bir arka plan rengine sahip öğeleri seçme
25
A
cevap
41
, selektör [attribute=value]
bir öznitelik "background-color" içermiyor<span>
çünkü çalışmaz. Verilen
$('#someDiv span[background-color]').size(); // returns 0
:
$('div#someDiv span').filter(function() {
var match = 'rgb(0, 0, 0)'; // match background-color: black
/*
true = keep this element in our wrapped set
false = remove this element from our wrapped set
*/
return ($(this).css('background-color') == match);
}).css('background-color', 'green'); // change background color of all black spans
-6
Belirli bir özellik değeri aramak için öznitelik seçicisini [özniteliği = değer] kullanın. i doğru soruyu anlamak eğer
#id_of_the_div span[background-color=rgb(255,255,255)]
+3
bu çalışmaz:
// css .one, .two { background-color: black; } .three { background-color: red; } // html <div id="someDiv"> <span class="one">test one</span> <span class="two">test two</span> <span class="three">test three</span> </div>
burada çalışacağını parçacık İşte size bir şey uymayacak onaylamak için hızlı olduğunu test edebilirsiniz çünkü arka plan rengi bir css özelliğidir ve bir html özelliği değildir. – Alp
Öğe kimliği için aynı şeyi nasıl yaparsınız? Aynı kimliğin 5'inde aynı sayfada bulunuyorsa, bunları nasıl eşleştirir, arka plan atar ve ardından aynı şeyi yapan diğer eşleşen kimlikleri nasıl bulursunuz? – Tom
@ Tom Bu çok zor çünkü iyi, 5 kimliğiniz olmamalı. Bir kimlik, bu sayfada benzersiz olmalı ve birden fazla sahip olmak javascript ile iyi çalışmayacaktır (Ben sadece bulduğu ilkini yakaladığına inanıyorum). Bunları sınıflara dönüştürebiliyor musunuz? – Owen
Benim için çalıştı. küçük bir değişiklik ile. Ben RGB gösterilmektedir inspect ama kod çalıştırma, #XXXXXX çalışır zaman renk kodları. $ (Document) .ready (function()/* DOM sonra çalıştırın komut hazırdır */{ \t \t $ ('# MyID tr ') .each (fonksiyonu() { \t \t \t var yellowmatch = '#ffffcc'; \t \t var redmatch = '# ffd7d7'; \t \t \t var greenmatch = '# e1ffe1'; \t \t \t halinde ($ (this) .css ('background-color') == kırmızı eşleşmeli) \t \t \t { \t \t \t} \t \t \t if ($ (this) .css ('background-color') == yellowmatch) \t \t \t { \t \t \t} \t \t \t if ($ (this) .css ('arka plan rengi') == greenmatch) \t \t \t { \t \t \t} \t \t}); }); – Sangeet