javascript - 格納されたデータから jQuery 要素を取得する

Question

関数を使用.data()して、jQuery オブジェクトにデータを格納できます。

一致した要素に関連付けられた任意のデータを保存するか、一致した要素のセットの最初の要素の名前付きデータストアで値を返します。

例：

 // sets "string" value to "test"
 $(".myClass").data("test", "string");

 $(".myClass").data("test"); // returns "string"

これは簡単です。

"string"に関連付けられた値を持つすべての jQuery 要素をページから取得したいと考えています"test"。

これは可能ですか？これを行う機能はありますか？

score 3 · Accepted Answer

.filter()を使用して要素をフィルタリングできます

var $filtered = $('<target-elements>').filter(function(){
    return $(this).data('test') == 'test'
})

score 0 · Accepted Answer

html 要素に属性を.data()実際に追加することはありません。data-考えられる回避策は、要素を反復処理することです。

$('.myClass').each(function(){
    var el = $(this);
    if(el.data("test") === "string") {
        console.log("found !");
    }        
});

ここにフィドルがあります：

score 0 · Accepted Answer

jQuery.grep()を使用してすべての要素をフィルタリングしてみてください

'test' データキーを持つすべての要素を取得します。

var arrElements = $.grep($("*"), function (a) { return $(a).data("test") != undefined; });
var $filteredElements = $(arrElements);

'test' データ値が 'string' に等しいすべての要素を取得します。

var arrElements = $.grep($("*"), function (a) { return $(a).data("test") == "string"; });
var $filteredElements = $(arrElements);

3 に答える 3