Ich habe einige Probleme, den generierten Inhalt eines Pseudoelements über Javascript in Webkit-Browsern abzurufen.

Kontext für diejenigen, die sich interessieren: Ich arbeite an einer jQuery-App für Mobilgeräte und versuche, FontAwesome-Symbole zu verwenden. Ich hatte gehofft, sie mit derselben Eigenschaft für Datensymbole hinzufügen zu können, die jQM für sein eigenes integriertes Symbolset verwendet. Also habe ich ein Skript, das die Seite nach irgendetwas mit der Klasse durchsuchtui-icon-whatever und fügt das entsprechende hinzuicon-whatever Klasse für FontAwesome. Das Problem ist, dass FontAwesome Pseudoinhalte für seine Symbole verwendet, während jQM gute, altmodische Hintergrundbild-Sprites verwendet. Sollte es also zu einer Überlappung der Symbolnamen kommen (beide Sets haben beispielsweise ein Symbol mit dem Namen "Bearbeiten"), habe ich ein Symbol übereinander. Wie Sie sich vielleicht vorstellen können, sieht das ... alles andere als gut aus. Also versuche ich durchzugehen und das Hintergrundbild von jedem zu entfernen.ui-icon mit einem Inhaltseigenschaftssatz. Entfernen Sie grundsätzlich das jQM-Symbol, wenn ein FontAwesome-Symbol mit diesem Namen vorhanden ist.

Ich war aufgeregt, als ich von getComputedStyle erfuhr, aber ich habe es versuchtwindow.getComputedStyle(this,':before').content != '' und verschiedene Variationen ohne Erfolg. Versuchte es mit ':: before' und 'just before' als zweite Eigenschaft und versuchte, es mit null oder false anstelle einer leeren Zeichenfolge zu vergleichen, aber das Ergebnis ist dasselbe: Es werden entweder alle Symbole oder keine gefunden.

Wenn ich rausschmeißewindow.getComputedStyle(this,':before').content In der Chrome-Konsole wird immer eine leere Zeichenfolge angezeigt, auch wenn Inhalte vorhanden sein sollten. Firefox macht es richtig.Ich bin mir nicht sicher, ob dies eine Chrome- oder eine Webkit-Sache ist.

Was mache ich falsch?

Bearbeiten: Safari 5 für Windows heruntergeladen. Es ist das gleiche. Inhalt ist immer eine leere Zeichenfolge. Ich fange an zu denken, dass es etwas mit dem jQuery-Selektor zu tun haben könnte, den ich benutze, um zu bekommenthis.