Как сделать проверку на наличие атрибута с конкретным значением?

Question

[Vladislav]

Как сделать проверку на наличие атрибута с конкретным значением?

let name1 = document.querySelectorAll('.js-filter-wrap a')
    
    name1.forEach((item) => {
        if (item.hasAttribute('data-filter', 'box1')) {
            console.log(item);
        }
    })

при том элементов имеющие атрибут data-filter много, но у них всех разное значение, как поймать конкретный и выполнить с ним код

Answer 1

[0xD34F]

const element = document.querySelector(`.js-filter-wrap a[data-filter="${конкретноеЗначение}"]`);
if (element) {
  ...

Или, если уже есть коллекция элементов, в которой надо найти подходящий:

const element = [...elements].find(n => n.dataset.filter === конкретноеЗначение);
if (element) {
  ...

Comments

[Vladislav]

конкретноеЗначение заменить на значение атрибута дата-фильтр? то есть в моем случает так?

const element = document.querySelector(`.js-filter-wrap a[data-filter="${box1}"]`);

[0xD34F]

Vladislav, это переменная, содержащая конкретное значение.

[Vladislav]

0xD34F, спасибо

Answer 2

[Вадим]

ну вариантов несколько.
Первый - искать сразу элементы с нужным значением

let name1 = document.querySelectorAll('.js-filter-wrap a[data-filter="box1"]')

Второй - проверять в цикле item.dataset && item.dataset.filter === 'box1'

Answer 3

[Тигран Абрамян]

if (item.getAttribute('data-filter') === 'box1') {

Comments

[Vladislav]

TAbrahamyan ваш вариант мне лучше подошел, спасибо)