.data（）キー/値に基づくフィルター要素

私がclassを持つ4つのdiv要素を持っている.navlinkとします。これは、クリック.data()されたときに、というキー'selected'をの値に設定するために使用しますtrue。

$('.navlink')click(function() { $(this).data('selected', true); })

新しいもの.navlinkがクリックされるたびにnavlink、後で操作するために以前に選択したものを保存したいと思います。を使用して保存されたものに基づいて要素をすばやく簡単に選択する方法はあり.data()ますか？

法案に合うjQuery ：filtersはないようで、（同じクリックイベント内で）次のことを試しましたが、何らかの理由で機能しません：

var $previous = $('.navlink').filter( 
    function() { $(this).data("selected") == true }
);

これを実現する方法は他にもあることは知っていますが、現時点でそれがを介して実行できるかどうかは、ほとんど気になります.data()。

フィルターは機能しますが、フィルターに渡された関数内の一致するオブジェクトでtrueを返す必要があります。

var $previous = $('.navlink').filter(function() { 
  return $(this).data("selected") == true 
});

記録のためだけに、jqueryを使用してデータにフィルターをかけることができます（この質問はかなり古く、jQueryはそれ以来発展してきたため、このソリューションを作成することも適切です）。

$('.navlink[data-selected="true"]');

または、より良い（パフォーマンスについて）：

$('.navlink').filter('[data-selected="true"]');

または、data-selectedsetを使用してすべての要素を取得する場合：

$('[data-selected]')

このメソッドは、html属性を介して設定されたデータでのみ機能することに注意してください。.data()呼び出しでデータを設定または変更すると、このメソッドは機能しなくなります。

プラグインをかなり簡単に作成できます。

$.fn.filterData = function(key, value) {
    return this.filter(function() {
        return $(this).data(key) == value;
    });
};

使用法（ラジオボタンをチェックする）：

$('input[name=location_id]').filterData('my-data','data-val').prop('checked',true);

私が気付いたのは2つあります（ただし、書き留めたときからの間違いかもしれません）。

1. 最初の例でドットを逃しました（$('.navlink').click）
2. フィルターを機能させるには、値（return $(this).data("selected")==true）を返す必要があります

その価値よりも多くの仕事のように聞こえます。

1）現在選択されているelement \ jQueryオブジェクトへの参照を格納する単一のJavaScript変数を持たないのはなぜですか。

2）現在選択されている要素にクラスを追加しないでください。次に、「。active」クラスなどのDOMをクエリできます。