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();

但是如何隐藏所有具有芝士蛋糕的data-chattingto 值的div呢？

非常感谢你。

Answer 1

只需使用属性等于符号：

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

还有一个JS Fiddle 演示，由CrunchyV提供。参考：

• [attribute="value"]选择器。

Answer 2

那将是：

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

和

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