html - 如何制作一个按钮来禁用类中的元素

Question

我正在尝试为 wordpress 中的投资组合网站创建一个过滤系统（使用 Divi Builder），并且希望能够制作一个按钮/按钮来将页面上具有特定类的元素设置display: none为单击按钮时。如果有人对如何做到这一点有想法，那将非常感激。

谢谢

Answer 1

如果您可以使用 jQuery，则 .show() 和 .hide() 函数适用于 jQuery 对象。
例如$('.dataholder').hide().filter( (index,element) => $("body").innerHTML == "abc" ).show()将隐藏所有具有类数据持有者的节点，然后显示那些包含 abc 的节点。

否则你必须使用类似的东西

element = document.querySelector('#dataholder')
element.style.display = 'none'

或者

elements = document.querySelectorAll('.dataholder')
elements.forEach( element => element.style.display = 'none' )