jquery - jquery.data:データを要素に保存してアクセスする方法は?

Question

データを要素に保存し、データがあるかどうかのチェックを操作するにはどうすればよいですか?

たとえば、同じクラス名を持つこれら 2 つの要素があります。

<div class="elem"></div>
<div class="elem"></div>

jquery、

$(".elem:first").data("hasdata","popup");

if($(".elem").data("hasdata") === 'popup') $(".elem").css({background:'red'})

2つ赤くなりましたが、最初の1つを赤くしたいだけです。出来ますか？

私のjsfiddleでのテスト

Answer 1

filter() を使用して条件を入れることができます。

ライブデモ

$(".elem:first").data("hasdata","popup");
$(".elem").filter(function(){
    return $(this).data("hasdata");
}).css({background:'red'});