jquery Selektor Suggestor

8

Wir alle wissen, dass es viele verschiedene Selektor-Kombinationen gibt, die man verwenden kann, um einen einzigartigen Satz von jQuery-Elementen zu erstellen.

Existiert ein Tool (Plugin, Erweiterung usw.), das dem Benutzer ermöglicht, visuell auf einen Abschnitt des DOM zu klicken (ähnlich Firebugs inspect-Funktion) und automatisch relevante potenzielle Selektoren vorschlägt, die mit diesem Element übereinstimmen?

Das Tool würde interne Kenntnisse über jQuery-Selektoren besitzen (CSS-Selektoren würden nicht ausreichen) und würde die umgebenden Elemente + das DOM berücksichtigen, um 10 bis 20 hilfreiche Selektorvorschläge bereitzustellen.

    
Jordan Arseno 20.06.2011, 22:12
quelle

3 Antworten

2

Hier ist ein Anfangspunkt, um mit dem zu spielen, was Sie brauchen (ich hoffe) oder einfach nur zu verstehen:

JSFIDDLE DEMO

%Vor%

Hoffe, das hilft!

    
Roko C. Buljan 20.06.2011, 22:27
quelle
1

Sie könnten dieses Bookmarklet namens SelectorGadget

ausprobieren     
Mottie 21.06.2011 01:52
quelle
0

Es gibt etwas in den Chrome-Entwicklertools, das dies tut. Nicht narrensicher, aber vielleicht einen Versuch wert. Wenn Sie Ihr Element in den Entwicklungswerkzeugen überprüfen, klicken Sie im rechten Bereich auf der Registerkarte elments (CSS-Stile) auf ein kleines Zahnrad, klicken Sie darauf und klicken Sie auf "Neue Stilregel", um eine neue CSS-Stilregel im Stilfenster hinzuzufügen ein Selektor, der zu deinem Element passt.

    
fijter 20.06.2011 22:16
quelle

Tags und Links