Bonjour,
Je ne suis pas novice en programmation mais je suis novice en javascript. je suis en train de mettre en place un "treeview" pour m'exercer et pour mon site ( site de cours de maths en ligne pour la période de confinement)
Voici l'extrait de mon code qui pose souci:
Code Javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 function addListeners(){ let carets= tree.getElementsByClassName("caret"); for (let i=0;i<carets.length;i++){ carets[i].addEventListener("click", function(){ this.classList.toggle("caret-down") let nestedElements =this.querySelectorAll("ul > li") console.log(nestedElements) for (let i=0;i<nestedElements.length;i++){ nestedElements[i].classList.toggle("active") } }); } }
La ligne qui pose souci est celle-ci: let nestedElements =this.querySelectorAll("ul > li") .
Avec mon console.log, je vois que tous les éléments enfants "li" sont ciblés alors que je ne veux cibler que ceux qui sont les enfants directs. Il me semblait que le sélecteur CSS "ul>li" permettait de faire cela mais je ne trouve pas de solution à mon problème. Merci d'avance pour vos éventuelles aides.
Raphaël, enseignant.
Partager