选择所有带有“data-xxx"的元素不使用 jQuery 的属性 [英] Select all elements with a "data-xxx" attribute without using jQuery

问题描述

仅使用纯 JavaScript，选择具有特定 data- 属性(假设为 data-foo)的所有 DOM 元素的最有效方法是什么.

元素可能不同，例如:

解决方案

您可以使用 querySelectorAll:

document.querySelectorAll('[data-foo]');

Using only pure JavaScript, what is the most efficient way to select all DOM elements that have a certain data- attribute (let's say data-foo).

The elements may be different, for example:

<p data-foo="0"></p><br/><h6 data-foo="1"></h6>

解决方案

You can use querySelectorAll:

document.querySelectorAll('[data-foo]');

这篇关于选择所有带有“data-xxx"的元素不使用 jQuery 的属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！