帶多個事件監聽器的列表元素

Question

有沒有辦法列出包含兩個或多個同類事件的所有元素？

我把在JsBin一個小例子： http://jsbin.com/alafo3/edit

在這個例子中，我想包含<p>與ID =「hallo2」名單。

Answer 1

您也可以訪問附加數據的events密鑰，例如，

$('#hello2').data('events').click.length 

返回2。

更新：

例如，您可以延長jQuery的是這樣的：

$.fn.hasMultipleEventHandlersFor = function(event) { 
    return this.filter(function() { 
     var events = $(this).data('events'); 
     return events && events[event] && events[event].length > 1; 
    }); 
}; 

而且使用它像：

$('p').hasMultipleEventHandlersFor('click'); 

這將選擇具有多個處理程序的所有元素點擊事件。

Answer 2

你也可以遍歷，事件的存儲，這樣的$.cache對象：

$.each($.cache, function(i, v) { 
    if(v.events && v.events.click && v.events.click.length > 1) { 
    alert($('[' + $.expando + '=' + i + ']').attr('id')); 
    } 
})​; 

Give it a try here，或使其成爲任何事件有多個處理程序更通用的，就像這樣：

$.each($.cache, function(i, v) { 
    $.each(v.events, function(j, u) { 
    if(u.length > 1) 
     alert($('[' + $.expando + '=' + i + ']').attr('id')); 
    }); 
})​; 

You can try that version here，請注意，這兩種方法都需要jQuery 1.4+，expando屬性不會在1.3.x中公開。

---

如果你想要一個jQuery集合引用這些元素，你可以爲你去，這樣構建它：

var elems = []; 
$.each($.cache, function(i, v) { 
    $.each(v.events, function(j, u) { 
    if(u.length > 1) 
     $.merge(elems, $('[' + $.expando + '=' + i + ']')); 
    }); 
}); 
​$(elems).css('color', 'red');​​​​ //use it, $(DOMElementArray) overload here 

You can test that version here。