我有一个包含5个相同图像的div。我正在努力使一个按钮，可以使其中一个图像消失一个接一个当OnClick。我试过这种风格。可见性，但它会让它们一起消失。这是我的代码

---

顺晟科技：

1. 应将ID赋予图像标记，而不是父div。
2. 创建了可用作计数器的变量。
3. 在每次单击时增加计数器并隐藏特定的图像标记。

您的代码如下所示:

使用该脚本，所要做的就是隐藏所有图像的父图像，这将导致所有图像“似乎同时消失”。您必须分别删除每一个以获得所需的结果。

如果您不想完全删除图像，而只是隐藏图像:

• r用类似
的内容复制该行
• 然后用。
声明这个CSS类

我发现使用jQuery库中的queue()和dequeue（）方法是一个非常好的方法，可以逐步解决这种情况。这是官方页面中对此的说明:

“队列允许对元素异步调用一系列操作，而不会停止程序执行。”

我将留下一个简短的例子来说明我过去是如何实现它的:

document.getElementById("btn1").onclick = function() {
  document.getElementById("output").style.visibility = "hidden";
}

这里有一个示例，说明我认为逻辑是如何满足您的需要的:

document.getElementById("btn1").onclick = function() {
  document.getElementById("output").style.visibility = "hidden";
}

当然，您可以改进JS代码，因为我刚才只关注一步一步的过程。

这只是对$.queue如何帮助您实现逐步过程的初步了解。我建议您查看文档以了解详细信息，并根据需要将其应用到逻辑中。

我们知道操纵HTML DOM并不流行。但这将解决您的问题。

document.getElementById("btn1").onclick = function() {
  document.getElementById("output").style.visibility = "hidden";
}

目标是图像容器，然后将其隐藏，以便所有图像立即消失。

从您的问题中并不清楚您是想单击一次按钮并使图像消失，还是重复单击按钮并在每次单击时使图像消失。此解决方案回答了第一个问题。

如果您想一个接一个地隐藏图像，您需要使用或管理它。在本例中，我使用了。

其他文档

如果要在每次单击时使图像消失，请缓存图像，并返回监听器在单击按钮时调用的函数。