隐藏或显示数据属性的特定值的所有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();

但是,我如何隐藏所有div与数据聊天的芝士蛋糕的价值？

非常感谢你.

Answer 1

只需使用attribute-equals表示法:

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

还有一个JS小提琴演示,由CrunchyV友情提供.参考文献:

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