在querySelectors上嵌套forEach

Question

我在一些DOM元素上嵌套了forEeach。

/images/products/...

第一个循环正常工作但我无法达到第二个，出了什么问题？有人可以帮忙吗？

Answer 1

你在第一个forEach回调中使用querySelector，它只返回你不能用于forEach的单个元素。因此，在回调中使用querySelectorAll来获取NodeList并进行迭代，否则如果只有单个元素，则根本不需要forEach。

var parallaxBox = document.querySelectorAll('.js-Parallax-Box');
[].forEach.call(parallaxBox, function(el, _) {
     var parallaxElement = el.querySelectorAll('.js-Parallax-Element');
     //                change here  -------^--------
     [].forEach.call(parallaxElement, function(el1, _) {

     });
});