Estoy tratando de usar menos jQuery, pero me resulta difícil seleccionar o manipular elementos dom. No sé bien cómo hacer esta pregunta, pero estoy tratando de recorrer elementos dentro de un elemento que proviene de un bucle forEach.
esto podría ser más claro con el código:
const sections = document.querySelectorAll('.section') sections.forEach(section => { // now get an array of boxes elements INSIDE this section (and only this one) })
En jQuery lo haría de esta manera:
$('.section').each((key, section) => { $('.box', $(section)).each((key2, item) => { console.log($(item)) }) })
se puede llamar a querySelectorAll
no solo en el document
para encontrar descendientes del documento, sino también en nodos para encontrar descendientes de ese nodo que coincidan con el selector.
document.querySelectorAll('.section').forEach(section => { section.querySelectorAll('.box').forEach((box) => { // ... }); });
Si la situación lo amerita, también puede combinar los selectores y usar solo un solo querySelectorAll
.
document.querySelectorAll('.section .box').forEach((box) => { // ... });