首页 > 解决方案 > 类访问的多个父 div 的子 div 不会被 .hide() 隐藏

问题描述

            var triggers = document.getElementsByClassName('trigger');
            for (x in triggers) {
              cur = triggers[x]
              if (cur.offsetHeight < 135) {
                console.log('hiding we');
                // prevents it from propagating to parentNode and changing it
                e.preventDefault();
                $(cur).find('.trigger-we').hide();
                console.log('icon should be hidden')
              }
              else {
                e.preventDefault();
                // $(cur).find('.trigger-icon').show();
                $(cur).find('.trigger-we').show();
              }
            }
          });

我有以下代码用于在调整窗口大小时根据父 div 的高度隐藏父 div 内的特定元素。“触发器”类下有多个父 div,我遍历它们中的每一个(通过 for 循环)并检查其偏移高度(显示高度),如果它小于某个阈值,我隐藏该父级的特定 div 子级div,但他们没有被隐藏,有人知道为什么吗?

标签: javascripthtmljquerycss

解决方案


最终通过 foreach 函数迭代类中的每个元素来解决我的问题

(parentdiv-class).each(function () {code})

推荐阅读