Frage

Mit Prototype JS-Bibliothek, möchte ich alle untergeordneten Verbindungselemente wählen ( A -Tags), unabhängig davon, ob ihre Eltern sind: H1 H2 , H3 H4 oder H5 (usw.) mit einer einfachen CSS-Selektor-Regel (wie weiter gegen JS, wie Looping usw.).

So ist der einfache, aber langer Weg, dies zu tun ist:

$('page').select('h1 > a, h2 > a, h3 > a, h4 > a, h5 > a')

Ich glaube, ich bin für eine Wild-Card-Eigenschaft, wie h * suchen, die es nicht gibt.

Vielleicht ist das obige Beispiel ist der Weg zu gehen, aber ich hoffe, es ist ein einfacher, übersichtlicher und effizienter Weg, dies zu tun.

Tipps geschätzt.

War es hilfreich?

Lösung

Wie pro Fabien Ménager Kommentar auf die ursprüngliche Frage, es sieht aus wie es keine einfache CSS-Selektor ist, kann ich andere verwenden als das, was ich bereits.

$('page').select('h1 > a, h2 > a, h3 > a, h4 > a, h5 > a')

Zwar gibt es andere Möglichkeiten, wenn ich darüber seine programmatischen will, oder leeren JQuery (was für mich keine Option ist) ich speziell für eine CSS-Regel suchen.

Vielen Dank an alle, die versuchten zu helfen.

Andere Tipps

Mit jQuery:

$(":header a")

http://docs.jquery.com/Selectors/header sagt:

. Header Spiele alle Elemente, die Header sind, wie h1, h2, h3 und so weiter

Fügt eine Hintergrund- und Textfarbe für alle Header auf der Seite.

$(":header").css({ background:'#CCC', color:'blue' });

bekam eine Antwort auf diesem von dem Prototyp Devs. Diese sind am besten und nur Lösungen, denn jetzt zumindest:

$$('h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a')
$('page').select('h1 > a, h2 > a, h3 > a, h4 > a, h5 > a')

Allerdings wird die nächste Version von Prototype können Sie einen Selektor-Engine auswählen und auf die Standard Sizzle . Der :header Pseudo-Selektor ist eigentlich ein Teil von Sizzle so wird in zukünftigen Versionen von Prototypen (solange Sie als Selektor-Engine Sizzle wählen) zur Verfügung. Ich denke, es war bisher nicht enthalten, da es nicht Teil einer Spezifikation ist.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top