Javascript 显示基于特定ID的隐藏

我想根据id显示某些li，例如：：

全部的


同胞


连接


错误


安装程序


维修


比较


问询处


射击


担保

JS代码-

const liArr = document.getElementsByClassName("category-btn");
const liToHideArr = ["b", "e", "f"]; // or any li id here
document.addEventListener("DOMContentLoaded", showHideElements("hide"));

function showAll() {
  showHideElements("show");
}

function showHideElements(action) {
  Array.from(liArr).forEach((element) => {
    if (liToHideArr.includes(element.id)) {
      if (action === "hide") element.classList.add("hidden");
      else element.classList.remove("hidden");
    }
  });
}
document.getElementById("showAll").addEventListener("click", showAll);

CSS-

---

您如何确定第3页应为

b、e、f

<代码>$（“.category btn”）.hide（）.filter（“#b、#e、#f”）.show（）适用于此场景。您需要使用CSS将“b，e，f”转换为“#b，#e，#f”（或者使用其他类似的代码），您可以隐藏像这样的元素li[id=“IDNAME”]{display:none；}这个解决方案是纯JS的。。。

.hidden {
  display: none;
}