如何使用jQuery选择具有特定数据属性的元素？价值并不重要

Question

如何使用jQuery选择具有特定数据属性的元素？价值并不重要。

<a href="#" data-apple="some value">Lorem Ipsum Dolor</a>
<a href="#" data-orange="some other value">Lorem Ipsum Dolor</a>
<a href="#" data-apple="123 lorem">Lorem Ipsum Dolor</a>
<a href="#" data-apple="ipsum dolor sit">Lorem Ipsum Dolor</a>
<a href="#" data-banana="testing 123">Lorem Ipsum Dolor</a>

我想选择具有＆＃34; data-apple＆＃34;的所有元素（不仅仅是锚点）。属性。怎么做？我想在每一个上附加一个事件处理程序（点击）。

Answer 1

选择器是

$("[data-apple]")

您可以通过这种方式附加 onclick 事件

$("[data-apple]").click(function(){
   console.log("clicked");
});

Answer 2

$('[data-apple]').click(function(){
       console.log('hello');
    })

选择器是：$('[data-apple]')，这将使用 data-apple 属性

捕获所有元素