web-dev-qa-db-fra.com

Comment sélectionner tous les éléments avec une valeur ARIA particulière en utilisant jQuery?

Étant donné que j'ai un exemple de page qui ressemble à ceci:

<!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>

Comment utiliser jQuery pour sélectionner les (2) éléments avec leur aria-controls attribut défini sur name1? (en ignorant le fait que les types d'éléments sont différents).

Je vous remercie!

16
SharkLaser

Le sélecteur d'attribut

[aria-controls="name1"]

devrait marcher.

Documents: http://api.jquery.com/attribute-equals-selector/

22
JAAulde

Utilisez quelque chose comme ça -

DEMO DE TRAVAIL

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

Ci-dessus, si vous souhaitez rechercher des éléments dans un conteneur, par exemple un corps dans ce cas, il peut également s'agir de div.

--OU--

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

Ci-dessus est pour si vous voulez obtenir tous les éléments avec cet attribut

16
Nitish Dhar