Heim > Web-Frontend > CSS-Tutorial > Wie wähle ich Spans mit einer bestimmten Hintergrundfarbe in jQuery aus?

Wie wähle ich Spans mit einer bestimmten Hintergrundfarbe in jQuery aus?

Barbara Streisand
Freigeben: 2024-11-06 21:59:02
Original
566 Leute haben es durchsucht

How to Select Spans with a Specific Background Color in jQuery?

Elemente mit bestimmten Hintergrundfarben suchen

Beim Umgang mit einer Sammlung von Spans innerhalb eines Divs besteht das Ziel möglicherweise darin, diejenigen mit einer bestimmten Hintergrundfarbe zu isolieren. Während der [attribute=value]-Selektor intuitiv erscheinen mag, erweist er sich zum Extrahieren von Elementen basierend auf der Hintergrundfarbe als unwirksam, da Spannen ein Attribut mit diesem Namen fehlt.

Betrachten Sie stattdessen den CSS-Selektor $('div# someDiv span'). Dadurch werden alle Bereiche innerhalb der angegebenen Div ausgewählt. Um die Auswahl zu verfeinern, können wir die Funktion filter() verwenden:

$('div#someDiv span').filter(function() {
    var match = 'rgb(0, 0, 0)'; // Match black background-color
    return ( $(this).css('background-color') == match );
});
Nach dem Login kopieren

Dieser Code isoliert Bereiche mit einem schwarzen Hintergrund und ermöglicht so nachfolgende Vorgänge, wie z. B. das Ändern ihrer Farbe:

$('div#someDiv span').filter(function() {...}).css('background-color', 'green');
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie wähle ich Spans mit einer bestimmten Hintergrundfarbe in jQuery aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage