为数据属性的某个值隐藏或显示所有div [英] Hide or show all divs for a certain value of a data attribute

问题描述

我想在这里使用HTML5有效的标记，所以我不想添加到类中的值我想使用数据 - * =来显示/隐藏某些div。

I'm trying to use HTML5 valid markup here, so instead of adding to values to class I want to use the data-*="" to show/hide certain divs.

<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>

我可以得到数据聊天的值如下：

I can get the value of data-chattingto like so:

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

，我可以隐藏/显示具有某个类的div ：

and I can hide/show a div with a certain class like so:

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

但是如何使用 data-chattingto value 奶酪蛋糕？

非常感谢。

推荐答案

只需使用attribute-equals符号：

Simply use attribute-equals notation:

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

并且 JS Fiddle演示，请提供 CrunchyV 。
参考文献：

And a JS Fiddle demo, kindly provided by CrunchyV. References:

• [attribute =value] selector 。

• [attribute="value"] selector.

这篇关于为数据属性的某个值隐藏或显示所有div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！