Jak wybrać elementy z atrybutami zdarzeń za pomocą Jquery?

Question

Mam nadzieję, że istnieje prosty sposób obejścia tego problemu. Chcę wybrać wszystkie elementy html z atrybutami zdarzeń. Na przykład: onclick, onkeypress itp. Czy jest to najłatwiejszy sposób, używając Jquery bez wybierania osobno każdego atrybutu?

Dzięki

Answer 1

wierzę, że krótka odpowiedź na Twoje pytanie jest nie.

Różne znaczniki HTML obsługują różne zdarzenia, więc powinny zostać zakodowane gdzieś w kodzie jQuery. Czytając kod jQuery, nie znajduję na przykład odniesienia do zdarzenia onkeypress.

Tak, myślę, że można po prostu polegać na Has Attribute Selector[attribute]:

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

Answer 2

Można analizowania wszystkich elementów i sprawdzenia. Niezbyt wydajne, ale powinno działać.

Sprawdź 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

Jeśli wartość nie jest specyficzny, można spróbować this approach.

Demo poniżej wydruków "hej ludzie", w oparciu o $([attr1],[attr2],...,[attrN]) selektora:

<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()); 
});​ 

podstawie tej konstrukcji, prosty wrapper może być napisane:

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

Wykorzystanie takiego pluginu w poniższym zestawieniu również drukuje "hej, wy, ludzie":

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

Answer 4

Można zrobić niestandardową funkcję filtra, aby znaleźć elementy z atrybutem, który zaczyna się na, jak tak:

$.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; 
    }); 
}; 

i używać go jak:

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

A to da ty WSZYSTKIE elementy na stronie, które mają atrybut zaczynający się od na (uwaga na wydajność przy użyciu selektora *):

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