En el fragmento a continuación, estoy creando una matriz de todos los paneles y todos los enlaces dentro de esos paneles.
Luego, para cada panel con la clase de activo, quiero que todos los enlaces se establezcan en tabindex="0" . Para todos los demás enlaces, quiero tabindex="-1" .
En mi ejemplo, no entiendo por qué todos los enlaces están configurados en tabindex="-1" , cuando uno de los paneles tiene la clase activa. ¿Por qué no está configurado en tabindex="0" ?
const panels = document.querySelectorAll('.panel'); const links = document.querySelectorAll('.panel a'); panels.forEach(function(panel) { if (panel.classList.contains('active')) { Array.prototype.forEach.call(links, link => link.setAttribute('tabindex', '0')) } else { Array.prototype.forEach.call(links, link => link.setAttribute('tabindex', '-1')) } }) <div class="panels"> <div class="panel active"> <p>Hello <a href="#">World</a>. I am <a href="#">with</a> you.</p> </div> <div class="panel"> <p>Hello <a href="#">World</a>. I am <a href="#">with</a> you.</p> </div> </div>