jquery获取所有与数据属性名称匹配的元素

Question

假设我有一些具有以下数据属性的元素:

<data-my-key="blah">

我想为它们添加一个事件，如何做到这一点？

我尝试了一些方法，但无法让它发挥作用。

我最近的尝试是:

$('data-my-key').click(...

和

$(document).find('data-my-key').click(...

Answer 1

您可以使用属性选择器:

$('[data-my-key]').click(...

但是请注意，jQuery 将 DOM 加载后添加的 data 属性存储在其内部缓存中，而不是作为元素上的属性，因此选择器不适用于这些属性。在这种情况下，您需要使用过滤器:

$(document).children().filter(function() {
    return $(this).data('my-key');
}).click(...;