Javascript 如何在jquery中访问子DOM元素

Javascript 如何在jquery中访问子DOM元素,javascript,jquery,Javascript,Jquery,我需要将下面的js代码转换为jquery var questions = document.getElementsByClassName('panel-group'); var panel = document.getElementsByClassName("panel-title"); var questionsArray = Array.prototype.slice.call(questions);

我需要将下面的js代码转换为jquery

   var questions = document.getElementsByClassName('panel-group');
             var panel = document.getElementsByClassName("panel-title");
             var questionsArray = Array.prototype.slice.call(questions);
             questionsArray.forEach((ques,index) =>{
              panel[index].childNodes[1].classList.add("fix")
              var accordion = ques.childNodes[1].childNodes[1].childNodes[1].childNodes[1];
              accordion.addEventListener('click',(index) =>{
                ques.childNodes[1].classList.toggle("active")
              })
             })

这就是我到目前为止所能做的,总结一下,我所做的就是使用jquery选择器对象并添加。每个对象并获取元素和索引,然后使用它们,我试图通过添加类来获取需要设置样式的子元素

  $('.panel-group').each(function(element,index){
           console.log(element)
           console.log(index)
           $('.panel-title a').eq(index).addClass("fix")
           var accordion = $(element).find("a");
            $(accordion).click(function(){
              console.log("triggered");
              $(element).children(".panel-title").toggleClass("active");
            })
         })



你能同时显示你的html或者工作代码吗?