Поиск элемента по 2 атрибутам

@Gerd199 · 04.09.2022, 22:57. **Показов** 644. **Ответов** 2

Студворк — интернет-сервис помощи студентам

На странице присутствует элемент

HTML5
1
<div data-po='type' data-id='22'></div>

Каким образом, найти его, указав 2 условия. То есть и data-po равно значению и data-id соответствует.

JavaScript
1
this.bd.querySelector('[data-po={$type}][data-id={$id}]')

Не выходит. Как вариант добавить новый атрибут, значение которого будет содержать 2 параметра.

Возможно возможно выполнить поиск элемента не создавая дополнительных атрибутов...?

krvsa · 04.09.2022, 23:10

Сообщение от Gerd199

JavaScript
1
this.bd.querySelector('[data-po={$type}][data-id={$id}]')

JavaScript
1
this.bd.querySelector('[data-po="type"][data-id="22"]')

@klyapa · 04.09.2022, 23:12

Сообщение от Gerd199

Не выходит

Всё выходит, только правильно писать надо. Если это шаблонная строка, то заключается в апострофы ``...

JavaScript
1
2
3
4
5
6
let type = 'type';
let id = '22';
document.querySelector(`[data-po="${type}"][data-id="${id}"]`)
 
// или просто...
document.querySelector('[data-po="type"][data-id="22"]')

Новые блоги и статьи Все статьи Все блоги /
Как украсить новогоднюю елку с Q# и Qiskit EggHead 24.06.2025 Что может быть необычнее, чем применить законы квантовой механики для украшения новогодней елки? Пока другие развешивают обычные гирлянды, я решил объединить свою страсть к квантовым вычислениям с. . .	Системы нулевого доверия на C# UnmanagedCoder 24.06.2025 Традиционная архитектура безопасности работает по принципу средневекового замка: создаём высокие стены вокруг корпоративной сети, укрепляем ворота межсетевыми экранами и системами обнаружения. . .	Снова не мой путь. Циклическое среднее, я обеими руками за проверку условия, в ракурсе данной задачи - циклическое среднее в топку. Hrethgir 24.06.2025 Привет. Такой вопрос - нужно выводить среднее математическое между двумя направлениями, интервал значений которых может лежать в диапазоне одного оборота по кругу. Проблема заключается в том, что. . .	Деплой Flask приложения py-thonny 23.06.2025 За годы работы с Flask я натыкался на одни и те же грабли достаточно часто, чтобы наконец научится их обходить. И сегодня хочу поделится опытом, который сбережет вам немало нервных клеток. Начнем с. . .	WebAssembly и контейнеры в .NET Aspire для оркестрации распределенных архитектур ArchitectMsa 23.06.2025 Я наблюдаю, как WebAssembly (или просто WASM) постепенно выходит за рамки своего первоначального предназначения — исполнения кода на стороне браузера. Теперь эта технология проникает в серверную. . .
Непрерывная интеграция для пакета Python Mr. Docker 22.06.2025 Было 4 часа утра пятницы, когда я выпустил новую версию нашей внутренней библиотеки для обработки данных. Релиз 0. 5. 2 содержал небольшой фикс для обработки дат в ISO формате, что может пойти не так?. . .	Продвинутый ETL на C# из OLTP БД в хранилище stackOverflow 22.06.2025 Работая в сфере корпоративной аналитики, я постоянно сталкиваюсь с одним и тем же - нужны чистые, структурированные и, главное, свежие данные. Без них современные аналитические системы, машинное. . .	Мастер-класс по микросервисам на Node.js Reangularity 21.06.2025 Node. js стал одной из самых популярных платформ для микросервисной архитектуры не случайно. Его неблокирующая однопоточная модель и событийно-ориентированный подход делают его идеальным для. . .	Управление Arduino из WPF приложения Wired 21.06.2025 Зачем вообще связывать Arduino с WPF-приложением? Казалось бы, у Arduino есть собственная среда разработки, своя экосистема, свои способы управления. Однако при создании серьезных проектов. . .	Звёздная пыль kumehtar 20.06.2025 Я просто это себе представляю: как создавался этот мир. Как энергия слипалась в маленькие частички. Как они собирались в первые звёзды, как во вселенной впервые появился Свет. Как эти звёзды. . .

Опции темы

Поиск элемента по 2 атрибутам

Решение