如何使用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'); 
});