Bootstrap 5 对许多元素切换 d-none

Question

我通过

d-none

有一个可见表和大量隐藏表。我知道我可以通过以下方式打开桌子：

$("#US_table").addClass("d-none");
$("#US_table").toggle();

问题是我必须使 248 个其他表不可见，例如

 $("#AF_table").removeClass("d-none");
 $("#AF_table").toggle();
...
 $("#ZW_table").removeClass("d-none");
 $("#ZW_table").toggle();

是否有更简单的方法从所有表中删除

d-none

类，而不是像上面那样列出它们？

Answer 1

处理重复元素的 ID 并不是一个好主意。使用一个类，并查看有关手风琴行为的许多答案以了解如何做到这一点。对您的场景进行如此模糊的描述很难更具体。

此外，你似乎在这里做出了多余的行为。切换 Bootstrap 的显示类和使用 jQuery 的切换函数可以做同样的事情。使用其中之一，而不是同时使用。