Javascript 如何在jquery中访问子DOM元素
我需要将下面的js代码转换为jqueryJavascript 如何在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);
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或者工作代码吗?