如何实现点击隐藏

[weixin_37700885]

现有一个div，里面有10个button，请问如何实现在里面任意按钮被点击4次之后（可以是点击同一个按钮，也可以是点击不同按钮），隐藏div，代码如下
<div class="mydiv" style="border:1px solid #000; width:100px; height:100px;">
<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<button>5</button>
<button>6</button>
<button>7</button>
<button>8</button>
<button>9</button>
<button>0</button>
</div>

[xiaojunjor]

遍历button，添加click事件，定义一个count，button点击一次count++，count大于4div隐藏

[ggxx9876]

将按钮设置同一个事件监听，到达指定次数后更改div的display属性

[写代码的相声演员]

var count = 0;
$("button").on("click",function(){
count++;
if(count>=3){ $(".mydiv").hide(); }
})

[cn00439805]

<div class="mydiv" style="border:1px solid #000; width:100px; height:100px;">
<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<button>5</button>
<button>6</button>
<button>7</button>
<button>8</button>
<button>9</button>
<button>0</button>
</div>
<script>
	(function(){
		var btns = document.getElementsByTagName("button");
		var n = 0;
		for(var i = 0,o;o=btns[i];i++){
			o.onclick = function(){
				if(++n >= 4){
					document.querySelector(".mydiv").style.display = "none";
				}
			}
		}
	})();
</script>