Ich habe einige CSS in Stringform, z.B.
%Vor% und ich möchte dieses CSS auf ein <div>
anwenden. Aber alle Beispiele für die Verwendung von jQuery zum Anwenden von CSS verwenden die css
-Methode, und um diese Route zu gehen, müsste ich die CSS-Zeichenkette durch Semikolons ( ;
) teilen, um Eigenschaften-Wert-Paare zu erhalten ( :
), um die Eigenschaft und den Wert abzurufen, und tun Sie
Gibt es eine Möglichkeit, das CSS direkt aus seiner Zeichenfolgenform anzuwenden?
Ich befürchte, dass ein so naives Parsen des CSS (Semikolons und Doppelpunkte) fehlschlägt, wenn CSS-Werte diese Zeichen enthalten können, z. B. in url
Unterwerten.
Sie können das vorhandene style
-Attribut abrufen und dann ein neues setzen:
Vorausgesetzt, dass für das Element keine Inline-Stile mit dem Attribut style
definiert sind, funktioniert Folgendes:
Beachten Sie, dass dies jedoch keine ideale Lösung ist. Eine viel bessere Methode wäre, die benötigten Styles in eine Klasse zu stellen und stattdessen addClass()
zu verwenden.
Erhalte zuerst dein div-Element mit einem Selektor:
%Vor%Dann holen Sie sich die aktuelle CSS:
%Vor% Wenn es null
ist, dann setze es auf den neuen Stil. Ansonsten füge den neuen Stil hinzu:
Aktualisieren Sie abschließend den Stil des div:
%Vor%Das ist es. Sehen Sie sich die Demo an: Ссылка
Tags und Links javascript jquery css