Question

鉴于我有一个如下所示的示例页面：

<!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选择aria-controls属性设置为name1的（2）元素？（忽略元素类型不同的事实）。

谢谢！

Answer 1

属性选择器

[aria-controls="name1"]

应该有用。

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

Answer 2

使用类似的东西 -

<强> WORKING DEMO

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

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

- 或 -

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

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

，则上面是

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

2 个答案: