如何使用 jQuery 选择具有特定 ARIA 值的所有元素？答案

【问题标题】：How to select all elements with particular ARIA value using jQuery?如何使用 jQuery 选择具有特定 ARIA 值的所有元素？
【发布时间】：2014-05-29 22:47:03
【问题描述】：

假设我有一个如下所示的示例页面：

<!DOCTYPE html>
<html>
<body>

<h1 aria-controls="name1">heading</h1>

<p aria-controls="name2">paragraph</p>

<span aria-controls="name1">span</span>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</body>
</html>

我将如何使用 jQuery 选择 (2) 个元素，并将其 aria-controls 属性设置为 name1？（忽略元素类型不同的事实）。

谢谢！

【问题讨论】：

标签： javascript jquery jquery-selectors wai-aria

【解决方案1】：

属性选择器

[aria-controls="name1"]

应该可以。

文档：http://api.jquery.com/attribute-equals-selector/

【讨论】：

谢谢您，先生。效果很好。我还不能接受答案……但我会在 10 分钟内接受。

【解决方案2】：

使用这样的东西 -

WORKING DEMO

var elements = $("body").find("[aria-controls='name1']");

如果您想在容器中查找元素，例如在这种情况下的主体，它也可以是一些 div。

--或--

var elements = $("[aria-controls='name1']");

如果你想获取所有具有这个属性的元素

【讨论】：