我有一组4个按钮，用于显示/隐藏页面中的所有图像--它们做得很好。单击单个按钮时，它会将内部按钮文本从“全部隐藏”更改为“全部显示”。

但是，所有其他按钮保持不变。

如何让所有其他按钮也更改文本？

到目前为止，我尝试了这种方法，它一次只工作一个按钮--我希望同时更改所有按钮:

顺晟科技：

除了使用分别选择元素和进行更改之外，还有一种方法可以使用更干净的代码来完成此操作，即允许使用特定类选择所有元素，然后使用循环对所有元素进行所需的更改。

使用纯JavaScript考虑以下内容

在您的例子中，您需要使用选择器“button[id*='button']”来更改所有按钮，因为如果您按类使用选择器，第一次它将工作，但当您单击第二次时，则不工作，因为类将被toggleClass函数删除。此外，您需要使用相同的选择器更改显示文本，如果可以使用要使用的标签设置变量，请检查下面的代码: