Recuperar SPAN que tenha 2 atributos definidos

[FabianoSouza 5]

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.

[Omar~ 87]

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 5]

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~ 87]

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í.....