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
İlgili konular
- 1. iOS: Arka Plan Rengi - UITableView ve Aksesuar aynı arka plan rengine sahip
- 2. Arka plan boyutuna sahip arka plan geçişi: kapak
- 3. Arka plan resminin belirli bir bölümünü bulanıklaştırma
- 4. Siyah bir arka plan üzerinde Opaklığa sahip SolidColorBrush
- 5. Basit PHP işlevi bir sayı bir heatmap HTML arka plan rengine dönüştürmek için?
- 6. Belirli bir sütunda vim'de arka plan rengini değiştirme
- 7. Css arka plan resmi ile tüm öğeleri hızlıca seçin
- 8. Saydam DIV'nin arkasındaki öğeleri gizleyin ama arka plan değil
- 9. ListView'de TextView öğesinin arka plan rengine degrade efekti nasıl ekleyebilirim? Bu sorulara istinaden
- 10. UICollectionView bölümü için arka plan rengi ayarlayın.
- 11. Google Harita'da arka plan rengini değiştirme InfoWindow
- 12. openxml kullanarak excel'e belirli bir hücreye arka plan rengi uygular
- 13. JavaFX'de belirli bir GridPane hücresinin arka plan rengini ayarlamaFTPFX
- 14. WP7 seçili aksan (tema) rengine StackPanel arka planını ayarla
- 15. Iframe şeffaf arka plan
- 16. Arka plan boyutu: örtünme
- 17. Swift UIView arka plan rengi opaklığı
- 18. Varolan bir arka plan renginin alfa kanalı nasıl değiştirilir
- 19. Arka arka plan görüntüsünü arka arkaya gösterme
- 20. Kullanıcı bağlantı verirse, arka plan resmini değiştirin Arka plan resmi
- 21. Belirli bir Şema için Paket Öğeleri Ekleme?
- 22. UIImage: dolgu arka plan
- 23. Düğmenin arka plan rengini varsayılan olarak nasıl sıfırlanır?
- 24. UWP: MapControl Saydam arka plan
- 25. Android Toggle Button - Arka plan Rengi
- 26. bir dizideki belirli öğeleri çoğaltır
- 27. Bir videoyu arka plan olarak ayarla
- 28. Bir div öğesi için bulanık arka plan
- 29. Android şekli arka plan
- 30. Eksotik kimliğe sahip öğeler seçme
Öğ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