如何使用jQuery选择具有特定data-属性的元素?价值无关紧要

How to select elements that have a specific data- attribute with jQuery ? Value doesn't matter

本文关键字:元素 属性 无关紧要 data- jQuery 何使用 选择      更新时间:2024-03-07

如何使用jQuery选择具有特定data-属性的元素?值无关紧要。

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

我想选择所有具有"data-apple"属性的元素(不仅仅是锚点(。怎么办?我想将事件处理程序(单击时(附加到它们中的每一个。

选择器

$("[data-apple]")

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

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

选择器是:$('[data-apple]'),这将捕获所有具有data-apple属性的元素