Javascript 如何在点击次数后隐藏元素？

所以我需要在点击至少两次后隐藏一个输入标记。这是我的JS/JQuery：（注意，我对这种语言非常陌生）

---

我真的不知道这个问题的解决办法。它可能是像没有足够的等号这样简单的事情，也可能是像整个事情出错这样复杂的事情。请纠正我

这应该能帮到你

<div id="clickMe">Click me!</div>

var counter = 0;
var clickMe = document.getElementById("clickMe");

clickMe.addEventListener("click", function () {
    counter += 1;

    if (counter == 5)
        clickMe.style.display = "none";

    console.log(counter);
});

根据您的代码

clicker

是可变的

$(clicker).click(function() {

}

或者使用jQuery

$("#show-img-btn").click(function () {

}

将这段代码移动到事件处理程序中。否则，在解析代码时只运行一次，其中

clickcounter=0

如果将其放入
$（“clicker”）。单击（function（）{
，则每次触发事件时都会运行它。
以下是一个工作代码：
您必须将您的条件放入onclick事件中，这样每当用户单击元素时，它都会运行

html:

我将使用一个函数来保护count变量不受页面上其他脚本的影响

您需要将所有逻辑放在click事件处理程序中，因为脚本的其余部分只运行一次

通过在条件语句中使用count变量的前缀递增，可以简化检查


（函数（计数）{
$（“#显示img btn”）。单击（函数（）{
如果（++count==2）this.style.display='none'；
return false；//返回false会阻止表单提交
});
})（0）；

你能分享一下你的演示吗？我没意识到我留下了警报，如果那样的话，哈哈，那只是为了测试它是否正常工作，只是没有正确显示或其他什么
$(clicker).click(function() {

}

$("#show-img-btn").click(function () {

}

if (clickcounter >= 2) {("clicker").style.display = "none;"};

if (clickcounter >= 2) {alert("Hello! I am an alert box!!");};

<div id="clicker">
     <div id="show-img-btn">Foo</div>
</div>

var clickcounter = 0;
var clicker = document.getElementById("show-img-btn");

$("#clicker").click(function(){
     clickcounter = clickcounter + 1;
     if (clickcounter >= 2) {$("#clicker").css("display", "none")};
});