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

26

假设我有一个长这样的示例页面:

<!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) 个元素?(忽略元素类型不同的事实)。
谢谢!
2个回答

48

1
谢谢您先生。非常好用。我现在还不能接受答案...但是10分钟后我会的。 - SharkLaser

22

可以使用类似这样的方式 -

演示

var elements = $("body").find("[aria-controls='name1']");
以上是针对在容器内寻找元素的情况,例如在此示例中的body,也可以是一些div等。
--OR--
var elements = $("[aria-controls='name1']"); 
以上是针对想要获取具有此属性的所有元素的情况。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接