Publicado em 7 de mai.

Recuperar SPAN que tenha 2 atributos definidos

Pessoal, estou quebrando a cabeça para retornar o elemento que tenha dois atributos definidos no HTML.

To tentando isso, mas sem sucesso:

 var elTpReporte = document.querySelectorAll('span[class="sp-tp-reporte"], span[data-click="1"]')[0]

 OU
 var elTpReporte = document.querySelectorAll('span[class="sp-tp-reporte"],[data-click="1"]')[0]

	 Ou Seja, preciso pegar a **primeira** SPAN (pois são duas) que tenha os atributos class = sp-tp-reporte E que tenha também o atributo data-click= 1

	 

	Tô errando na sintaxe... podem me ajudar?

	 

	Grato.

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Omar~· 7 de mai.

Tenta assim:

var elTpReporte = document.querySelectorAll('[data-click="1"]');
var itens = [];

elTpReporte.forEach(function (e) {
 if (e.classList.contains('sp-tp-reporte')) {
 itens.push(e);
 }
});

console.log(itens);

	Não sei se é o melhor jeito, mas deve funcionar como esperado

FabianoSouza· 7 de mai.

Olá @Omar~

Obrigado pela sua ajuda de sempre.

Consegui fazendo isso:

 var elTpReporte = document.querySelectorAll('.sp-tp-reporte[data-click="1"]')[0]

	(mudei a maneira de declarar o atributo class)

Omar~· 8 de mai.

7 horas atrás, FabianoSouza disse:

Olá @Omar~

Obrigado pela sua ajuda de sempre.

Consegui fazendo isso:

 var elTpReporte = document.querySelectorAll('.sp-tp-reporte[data-click="1"]')[0]

 (mudei a maneira de declarar o atributo class)

	 

	Uai! se fosse só pela declaração  do atributo era simples.... porque normalmente nessas situações buscamos por um elemento em específico.

	Talvez seria uma boa usar um elemento identificado "#ID"? Sei lá, depende da arquitetura da aplicação aí.....