jquery - いくつかの文字列で始まる名前を持つ特定の属性を持つすべての要素を検索します

Question

私がこれらのような要素を持っているとしましょう：

<h1 data-myapp-title>Title</h1>
<p data-myapp-description>Description</p>

jQueryで「data-myapp-*」という属性名でフィルタリングするにはどうすればよいですか？

Answer 1

防弾ではありませんが、これで身近になります。少し簡単にするためにセレクターに入れましたが、これが一般的な前提です。

• セレクターと一致する属性を持つ要素を返します
• ワイルドカードまたは正規表現のパターンを指定できます。（簡単なテストは機能しましたが、おそらくもっと多くのことを行う必要があります）

(function($){
    $.expr[':']['attr'] = function(obj,index,meta,stack){
        var re = new RegExp(meta[3]), m = false;
        for (var a = 0; a < obj.attributes.length; a++){
            m |= re.test(obj.attributes[a].name);
        }
        return m;
    };
})(jQuery);

$(':attr(data-myapp-*)').css('color','#f0f');

jsFiddle