Jqueryを使用してイベント属性を持つ要素を選択する方法は？

Question

これは簡単な回避策です。 イベント属性を持つすべてのhtml要素を選択したいとします。例：onclick、onkeypressなど.Jqueryを使用して各属性ごとに別々に選択せずにこれを行う最も簡単な方法はありますか？

ありがとうございました

Answer 1

私はあなたの質問への短い答えはノーであると信じています。

異なるHTMLタグはさまざまなイベントをサポートしているため、jQueryコードのどこかにハードコードされている必要があります。また、jQueryコードを読んで、onkeypressイベントへの参照を見つけることができません。

だから、私はあなたがHas Attribute Selector[attribute]にだけ頼ることができると思う：

$('[onclick], [onkeypress], [etc]'); 

Answer 2

すべての要素を解析して確認できます。それほど効率的ではありませんが、うまくいくはずです。

チェックget all elements with onclick in them?

var allElements = document.getElementsByTagName('*'); 
for (var i = 0; i<allElements.length; i++) { 
    if (allElements[i].className !== 'theClassNameYoureLookingFor') { 
     continue; 
    } 
    if (typeof allElements[i].onclick === 'function') { 
     // do something with the element here 
     console.log(allElements[i]); 
    } 
} 

Answer 3

値が特定されていない場合、あなたはthis approachを試すことができます。

$([attr1],[attr2],...,[attrN])セレクターに基づいて、 "ねえ、あなたの人々"、版画以下のデモ：その建設に基づいて

<div class="container"> 
    <div>no id</div> 
    <div id="a">hey</div> 
    <span name="b">you</span> 
    <p id="c">guys</p> 
</div>​ 

$('[id],[name]').each(function(){ 
    console.log($(this).text()); 
});​ 

、単純なラッパーを書くことができます。そのようなプラグインの

$.fn.hasAttrib = function() { 
    var attributes = []; 
    $.each(arguments, function(index, value){ 
     attributes.push('[' + value + ']'); 
    }); 
    return $(this).find(attributes.join()); 
}; 

使い方以下のステートメントでも「おいしい人」：

$('.container').hasAttrib('id','name').each(function(){ 
    console.log($(this).text()); 
}); 

Answer 4

あなたはそうのように、にで始まる属性を持つ要素を見つけるために、カスタムフィルタ機能を作ることができる：

$.fn.filterOn = function() { 
    this.each(function(ind,el) { 
     var attrs = el.attributes; 
     for (var i = 0; i < attrs.length; i++) { 
      if (attrs[i].nodeName.indexOf('on') === 0) return true;  
     } 
     return false; 
    }); 
}; 

など、それを使用します。

//elems will contain all input fields with an attribute starting with 'on' 
elems = $(':input').filterOn(); 

そして、これが得られますがページ内ので始まるすべての要素が（*セレクタを使用した場合のパフォーマンスに注意してください）：

$("*").filterOn().each(function() { 
    console.log('Element '+this.tagName + ' has an on... attribute'); 
});