首页新闻找找看学习计划

如何控制一个一级目录被点击次数为偶数时隐藏下拉列表

0
[待解决问题]

问题:想获取aList 的点击次数,用于判断%==0,隐藏下拉列表,aList 是一个数组,先要获取数组的下标用于定位,然后判断被点击的次数。

var aList = document.querySelectorAll('.nav-list h2');
//console.log(aList);
var aHide = document.querySelectorAll('.hide');
var aIcon = document.querySelectorAll('.nav-list i');
var lastIndex = 0;

    for(var i=0;i < aList.length;i++){
        aList[i].index = i;
    
            aList[i].onclick = function(){
            //click += 1;
            //console.log(click);
            //清除上一次样式
            aHide[lastIndex].style.height = 0;   
            aList[lastIndex].className = '';
            aIcon[lastIndex].className = '';

            //设置当前样式
            aHide[this.index].style.height = 'auto';   
            //aHide[this.index].style.transition = '1s';
            aList[this.index].className = 'on';
            aIcon[this.index].className = 'on';
            lastIndex = this.index;
            
        }
    }
大海颜色的主页 大海颜色 | 初学一级 | 园豆:182
提问于:2019-01-11 17:33
< >
分享
所有回答(1)
0

你可以在for 循环外加一个计数变量,用于记录每一个数据被点了几下。下面是伪代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 

</head>
<body>
<p>点击1</p>
<p>点击2</p>
<p>点击3</p>
<button>p被点了几下</button>
</body>
</html>
<script>
var num = []
var p_click = document.getElementsByTagName("p")
var button_click = document.getElementsByTagName("button")

for(i =0 ; i<p_click.length; i++){
    p_click[i].index = i
    p_click[i].onclick=function(){
        if(num[this.index]){
          num[this.index]++
        }else{
          num[this.index] = 1
        }
    }
}
// 获取每一个 p对应的点击次数
button_click[0].onclick=function(){
    console.log(num)
}
</script>
xiaobaiskill | 园豆:821 (小虾三级) | 2019-01-11 18:03
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册