Wie zu vergleichen mit JQuery RGB-Wert?

Ich würde gerne vergleichen, gegen die zurückgegebenen rgb-Wert mit einer einfachen Methode in jQuery oder Javascript. Ich habe versucht, alles, was ich denken kann, kann aber nicht alles zu true ausgewertet. 

if( $('.Updated-Alert').css('color') == 'rgb(255,0,0)')

Ich gefunden habe, andere Antworten zu analysieren, die durch die RGB -, sondern Sie scheinen wirklich wie den großen overkill für das was ich es brauche für.

  • was bedeutet css('color') zurück?
  • Dies hängt von den von dir verwendeten browser, firefox 14.0.1 gibt 'rgb(255, 0, 0)', während Sie vergleichen " rgb(255,0,0)' ohne Leerzeichen.
  • Der string kann keine Leerzeichen enthalten sind (da der browser). Wie rgb(12, 34, 56) die falsche für Ihren check.
InformationsquelleAutor mawburn | 2012-08-08
  1. 10

    Es einfach nur einen string zurückgibt. Dein Vergleich schlägt fehl, weil deine weißen Raum verhindert wird, dass die Gleichwertigkeit.

    $('div').css('color') === 'rgb(0, 0, 255)'

    http://jsfiddle.net/etLcv/

    Wenn Sie möchten, Härten Sie ihn ein bisschen, könnte man trim whitespace und vergleichen Sie, dass:

    $('div').css('color').replace(/\s+/g, '') === 'rgb(0,0,255)'

    Oder sogar schneiden Sie nichts, aber die Ziffern:

    $('div').css('color').replace(/\D+/g, '') === '00255'
    • rgb(25,50,0) trim => 25500; rgb(255,0,0) trim => 25500
    InformationsquelleAutor jbabey
  2. 4

    Fügen Sie ein Leerzeichen nach dem Werte - http://jsfiddle.net/c6874/

    if ( $("p").css("color") == 'rgb(255, 0, 0)' ) {
    alert("It's red");
}
    InformationsquelleAutor Zoltan Toth
  3. 2

    Dies ist nicht wirklich eine einfache Aufgabe, die in basic, javascript, betrachten Sie die Tatsache, dass

    white == #FFF == #FFFFFF == rgb(255,255,255) == rgba(255,255,255,0

    Hier ist eine freie Bibliothek, das dies tut:
    http://www.phpied.com/rgb-color-parser-in-javascript/

    InformationsquelleAutor Benjamin Gruenbaum
Schreibe einen Kommentar