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 );
});

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');