6
votes

Sélecteurs CSS en JavaScript avec toutes les balises H

Utilisation de prototypes JS Bibliothèque, je souhaite sélectionner tous les éléments de lien enfant ( a tags), que leur parent soit: h1 , h2 , h3 , h4 ou h5 (etc) avec une simple règle de sélecteur CSS (par opposition à davantage JS, comme la boucle, etc.).

Donc le simple, mais long chemin, de faire ceci est: xxx

je suis à la recherche d'une propriété de carte sauvage , comme h *, ça n'existe pas.

Peut-être que l'exemple ci-dessus est la voie à suivre, mais j'espère qu'il existe une façon plus simple, plus concise et efficace de le faire.

conseils appréciés.


1 commentaires

Je pense que c'est la voie à suivre, car il n'y a pas de nombre infini de balises de rubrique, seulement 5


4 Réponses :


2
votes

http://docs.jquerery.com/Selectors/header dit:

: en-tête correspond à tous les éléments qui sont des en-têtes, tels que H1, H2, H3, etc.

ajoute une couleur d'arrière-plan et de texte à tous les en-têtes de la page. xxx


1 commentaires

Vous avez manqué la partie où l'OP demande «Utiliser le prototype JS Bibliothèque ...».



3
votes

Utilisation de jQuery: xxx


0 commentaires

4
votes

Selon Fabien Méreneuse, commentaire à la question originale, on dirait qu'il n'ya pas de sélecteur CSS simple, je peux utiliser autre que ce que j'ai déjà.

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


0 commentaires

1
votes

a une réponse à cette réponse à partir du prototype Devs. Ce sont les meilleures et seules des solutions, pour l'instant au moins: xxx

Toutefois, la version suivante du prototype vous permettra de choisir un moteur de sélection et sera par défaut à Sizzle . Le : l'en-tête La pseudo-sélecteur fait en réalité partie de la grésillement, vous sera donc disponible dans les versions futures du prototype (tant que vous choisissez un grésillement comme moteur sélecteur). Je suppose que cela n'a pas été inclus auparavant car il ne fait partie d'aucune spécification.


0 commentaires