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

Question

我正在尝试在这里使用HTML5有效标记，因此我不想将值添加到类中，而是使用数据 - * =“”来显示/隐藏某些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>

我可以像这样获得数据聊天的价值：

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

我可以隐藏/显示具有某种类的div，如下所示：

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

但是如何使用 cheesecake 的数据聊天值隐藏所有div？

非常感谢。

Answer 1

只需使用attribute-equals表示法：

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

由JS Fiddle demo友情提供的CrunchyV。 参考文献：

• [attribute="value"] selector。

Answer 2

那将是：

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

和

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