隐藏或显示某个数据属性的某个值的所有div

我想在此处使用HTML5有效标记，因此不是向类中添加值，而是想使用数据 - * =“”来显示/隐藏某些divs。隐藏或显示某个数据属性的某个值的所有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>

我可以得到的数据chattingto的价值，像这样：

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

，我可以隐藏/显示一个div一定类，像这样：

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

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

非常感谢。

来源

2012-08-10 Seb123

只需使用属性等于符号：

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

而一个JS Fiddle demo，由CrunchyV友情提供。参考文献：

[attribute="value"] selector。

来源

2012-08-10 21:05:11

的jsfiddle例如：http://jsfiddle.net/VpkrX/ – RandomWebGuy 2012-08-10 21:08:10

刚一说明 - 使用jQuery的'。数据（）'改变这个值不会更新属性，所以如果你需要修改这个值，使用'.attr（）' – MrOBrian 2012-08-10 21:11:33

非常感谢！ :)这是非常有帮助的，我只是无法弄清楚自己:) – Seb123 2012-08-11 09:45:52

这将是：

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

而且

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

来源

2012-08-10 21:24:48 Borniet

隐藏或显示某个数据属性的某个值的所有div

回答

相关问题