0

ここでは 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 を非表示にするにはどうすればよいですか?

どうもありがとうございました。

4

2 に答える 2

9

attribute-equals 表記を使用するだけです。

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

また、CrunchyVから提供されたJS Fiddle デモ。参考文献:

于 2012-08-10T21:05:11.147 に答える
1

それは次のようになります。

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

と

$('div[data-chattingto = "cheesecake"]').hide();
于 2012-08-10T21:24:48.100 に答える