jQuery-prüfen ob .css-Eigenschaft festgelegt wurde

Mein code sieht wie folgt aus

if($(element).css("background-color") == null){
  $(element).css("background-color", "white");
}

Ich möchte sicherstellen, dass, wenn die Farbe war nicht gesetzt in der style.css - Datei, die ich es hinzufügen. Aber, der code funktioniert nicht. Es ist immer die Rückkehr rgba(0,0,0,0). Die browser-ich arbeite mit Chrome.

Gibt es einen anderen Weg, um zu überprüfen, ob die Farbe nicht einstellen?

  • Tun Sie Ihre Logik mit Klassen und styling in CSS. Dann können Sie überprüfen, ob die Klasse vorhanden ist, mit hasClass.
  • das ist eine Möglichkeit. vielen Dank 🙂
InformationsquelleAutor TatiOverflow | 2013-08-24
  1. 6

    CSS:

    .background-set { background-color: white; }

    jQuery:

    var $el = $(element);

if( !$el.hasClass('background-set') ){
   $el.addClass('background-set');
}

    Aber ich bin mir nicht sicher, warum würden Sie brauchen, um zu überprüfen. Sie können fügen Sie es einfach ohne die Bedingung.

    Alternativ:

    if ( $el.prop('style').backgroundColor == '' ) {
   ... 
}

    oder

    if ( $el.get(0).style.backgroundColor == '' ) {
   ...
}
    InformationsquelleAutor vol7ron
  2. 1

    Die Methode vorgeschlagen, durch elclanrs ist die eleganteste Art und Weise des Umgangs mit diesen und sollte die bevorzugte Methode. Jedoch, aus Gründen der Neugier sättigen, Sie könnte erreichen das gleiche Ergebnis mit einem jQuery Attribut-Selektor Enthält.

    $("div[style*='background-color']").text("I have a background color!");

    jsFiddle demo

    • Dies ist zwar gut, aber es wird nur geprüft, für in-line-styling, denke ich?
    • Du hast Recht, das ist noch ein weiterer Grund, warum sollten Sie nicht richtig dies tun wenn Sie haben andere Optionen. stackoverflow.com/a/2239605/1351133 eine bessere/genauere Lösung als das, was ich gepostet.
    • Guter link gibt es sehr relevant für die OP die Anforderungen =) (Auch wenn die Klasse route ist zweifellos die beste Methode!)
    InformationsquelleAutor Limescale
Schreibe einen Kommentar