web-dev-qa-db-ja.com

jQueryを使用して特定の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>

JQueryを使用して、aria-controls属性がname1に設定された（2）要素を選択するにはどうすればよいですか？ （要素タイプが異なるという事実を無視します）。

ありがとうございました！

javascriptjqueryjquery-selectorswai-aria
16
SharkLaser

属性セレクター

[aria-controls="name1"]

うまくいくはずです。

ドキュメント： http://api.jquery.com/attribute-equals-selector/

22
JAAulde

このようなものを使用してください-

WORKING DEMO

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

上記は、コンテナ内の要素（この場合はbodyなど）を検索する場合のもので、divの場合もあります。

-または-

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

上記は、この属性を持つすべての要素を取得する場合のものです

16
Nitish Dhar