隱藏或顯示某個數據屬性的某個值的所有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

回答

相關問題