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

Sha*_*ser 11 javascript jquery jquery-selectors wai-aria

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

<!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>
Run Code Online (Sandbox Code Playgroud)

我如何使用jQuery选择aria-controls属性设置为的(2)元素name1?(忽略元素类型不同的事实).

谢谢!

JAA*_*lde 22

属性选择器

[aria-controls="name1"]
Run Code Online (Sandbox Code Playgroud)

应该管用.

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


Nit*_*har 16

使用这样的东西 -

工作演示

var elements = $("body").find("[aria-controls='name1']");
Run Code Online (Sandbox Code Playgroud)

如果你想在一个容器中寻找元素,例如在这种情况下的身体,它也可以是一些div.

- 要么 -

var elements = $("[aria-controls='name1']"); 
Run Code Online (Sandbox Code Playgroud)

如果你想获得具有这个属性的所有元素,则上面是