javascript - 类访问的多个父 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,但他们没有被隐藏,有人知道为什么吗?
解决方案
最终通过 foreach 函数迭代类中的每个元素来解决我的问题
(parentdiv-class).each(function () {code})
推荐阅读
- python - 如何更改此代码以在 django 和 python 中上传多个文件?
- c# - 将多个附件添加到 CouchDB
- javascript - 检查某些条件后禁用和启用按钮
- c# - 无法反序列化 JSON 响应
- node.js - 如何使用节点 js 从 azure 存储中删除文件夹
- html - emmet 缩写中的符号 ^ 无法正常工作(VSCode)
- php - 我在此代码中收到“尝试获取非对象的属性'通知'”错误
- node.js - 如何在不使用 LocalStorage 的情况下在 Angular 中存储全局临时信息
- python - API 代替 BeautifulSoup?
- javascript - 防止在单击子下拉菜单时触发父元素单击事件