Как выбрать все элементы с определенным значением ARIA с помощью jQuery?

Учитывая, что у меня есть примерная страница, которая выглядит так:

<!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 для выбора элементов (2) с их атрибутом aria-controls, установленным на name1? (игнорируя тот факт, что типы элементов различны).

Спасибо!

Ответ 1

Селектор атрибутов

[aria-controls="name1"]

должен работать.

Документы: http://api.jquery.com/attribute-equals-selector/

Ответ 2

Используйте что-то вроде этого -

РАБОЧИЙ ДЕМО

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

Выше, если вы хотите искать элементы внутри контейнера, например, тело в этом случае, это может быть и некоторый div.

- ИЛИ -

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

Выше, если вы хотите получить все элементы с этим атрибутом