Javascript - 如何根据与任何标签匹配的值实现 HTML 部分的显示隐藏

Question

我想实现这样的目标

<div id="121" tags="single,multi,binary">HTML Section</div>

<div id="122" tags="single,binary">HTML Section 2</div>

<div id="123" tags="binary">HTML Section 2</div>

在 javascript 中，如果我有一个值“二进制”，它应该显示所有三个。

如果我将一个变量的值设置为单个，它应该显示第一个和第二个。

我知道如何显示隐藏 div。我只想知道我是否可以将用户定义的属性添加到 div 并提取其值以匹配。如果没有，是否有替代设计来实现这一目标。

Answer 1

你可以这样做:

$('[tags*=single]')

但是我建议你使用data-tags

*= 包含前缀选择器。

使用纯 javascript:

document.querySelectorAll("[tags*=single]") // returns NodeList