javascript - 获取数据属性 == 某物的元素

Question

在 jQuery 或 JavaScript 中，我想获取一个元素，或者更确切地说，通过其数据属性选择一个元素，然后使用 addClass 将 CSS 类应用于所选元素。

有人知道怎么做吗？我已经尝试了所有不同的 .attr 和 .prop 方法，但它们没有按照我的意愿行事，因为我事先不知道元素的 ID 或任何内容，因为它是动态设置的。

Answer 1

您可以使用 jQuery 选择器:

$('[data-something="something"]')

或开始于:

$('[data-something^="something"]')

结束于:

$('[data-something$="something"]')

然后你可以使用:

$('[data-something="something"]').addClass(new_class_name);

以上将匹配所有具有以下元素的元素:

<tag data-something="something"></tag>

并给他们一个类 new_class_name。