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

标签 javascript jquery html

我想实现这样的目标

<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 并提取其值以匹配。如果没有,是否有替代设计来实现这一目标。

最佳答案

你可以这样做:

$('[tags*=single]')

但是我建议你使用data-tags

*= 包含前缀选择器。

使用纯 javascript:

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

关于Javascript - 如何根据与任何标签匹配的值实现 HTML 部分的显示隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23344563/

相关文章:

php - 不断刷新聊天内容

加载 Ng-Repeat 元素后运行的 jQuery Swiper 脚本

python - 在 Flask 中,如何在单击按钮时生成动态 URL?

javascript - 在 iframe 中自动缩放(调整大小)图像

javascript - $.post 只在有警报的情况下工作

javascript - $watch 如何获取数组中哪个值发生了变化?

Javascript 全日历

javascript - 运行 ngFor 时组件内的类函数给出错误(不是函数)

javascript - 如何让浏览器在单击按钮时导航到指定选项卡?

javascript - 如何在导入的 JS 库中访问 VueJS Mixin