Salut à tous ! Je suis en train de suivre un TP et je dois afficher tous les titres d'une page et cacher le reste en javascript. J'ai réussi mais je me demande s'il n'y a pas plus simple, car je n'ai pas entièrement compris la navigation dans le DOM.

Voici mon code : http://pastebin.com/Mbi2rr9Y

Merci d'avance pour votre aide

Ah oui, j'oubliais la page sur laquelle le code fonctionne : http://lipn.univ-paris13.fr/~dubacq/cours/progweb/html/04/td.html

$('body :not(h1 h2 h3 h4 h5 h6)').each(function(){ $(this).hide(); });

Tucsky : Tu peux simplifier ça par `$(':not(:header)').hide()`, mais je ne pense pas que l'auteur puisse utiliser une librairie pour son TP, disons que c'est un peu maladroit de conseiller jQuery à un mec qui veut apprendre le DOM.

toupine : Ton code marche tant que tous les titres sont des enfants directs du body (les sélecteurs jQuery précédents possèdent la même limite). Par contre si un titre de type H4 à H6 est ajouté dans la page ta fonction ne sera que partiellement fonctionnelle.

Pour simplifier le code, tu pourrais faire une fonction `isHeader()` qui prendrait un élément HTML en paramètre (le `body[i]` dans ta boucle après avoir vérifié qu'il ait une propriété `tagName`, ou une instance de `Element` si tu as vu l'opérateur `instanceof`). Cette fonction retournerait simplement un booléen selon la nature de l'élément passé (titre ou pas), et tu pourrais l'utiliser dans la boucle pour simplifier ta condition.

Ok merci pour vos réponse !

vava740 Donc il n'y aura plus besoin de spécifier le nom du tag dans la condition, c'est ça ? Tous les éléments "Header HTML" seront sélectionné.

Je vais mettre ça en pratique