javascript - 隐藏或显示数据属性的特定值的所有 div

Question

我在这里尝试使用 HTML5 有效标记，所以我不想向类添加值，而是想使用 data-*=""来显示/隐藏某些 div。

<div class="randomclass" data-chattingto="cheesecake"></div>
<div class="randomclass" data-chattingto="milkshake"></div>
<div class="randomclass" data-chattingto="cheesecake"></div>
<div class="randomclass" data-chattingto="milkshake"></div>

我可以像这样获取 data-chattingto 的值:

$("div").data("chattingto");

我可以像这样隐藏/显示具有特定类的div:

$(".randomclass").hide();

但是如何隐藏所有具有 cheesecake 的 data-chattingto 值 的 div？

非常感谢。

Answer 1

简单地使用属性等于符号:

$('div[data-chattingto="cheesecake"]').hide();

还有一个 JS Fiddle demo ，由 CrunchyV 友情提供. 引用资料:

• > [attribute="value"] selector .