<分区>
我有 10 个具有相同类名“dp-check”的 html div,我将其用作组件 并在同一页面中多次使用。现在我的问题是,当我单击其中一个时,最初所有的 div 都被隐藏,然后它的“显示”设置为“内联”(仅该实例的)并且所有其他的都被隐藏,我想在任何其他具有相同类名的 div 时关闭显示或点击页面上的其他地方。
<分区>
我有 10 个具有相同类名“dp-check”的 html div,我将其用作组件 并在同一页面中多次使用。现在我的问题是,当我单击其中一个时,最初所有的 div 都被隐藏,然后它的“显示”设置为“内联”(仅该实例的)并且所有其他的都被隐藏,我想在任何其他具有相同类名的 div 时关闭显示或点击页面上的其他地方。
最佳答案
试试这个:
function clickHandler(e){
e = e || window.event;
var elements = document.getElementsByClassName('dp-check');
for(var i = 0; i < elements.length; i++){
elements[i].style.display = 'none'; // Hide all elements.
}
e.target.style.display = 'inline'; // Show the clicked element.
}
您必须将 clickHandler
分配给元素上的点击事件。
关于javascript - 单击一个时隐藏具有相同类名的其他元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14123270/
相关文章:
javascript - 无法将事件点击添加到 Select2 下拉列表中的选项
javascript - 使用 ember 数据在投票后保留在屏幕指示器上
javascript - Ember 。在您自己的 View 中使用内置 View
javascript - ChartJS : Get individual values minus another value in the custom legend
javascript - 我如何处理 redis 和 bluebird 的错误?
javascript - jQuery slideUp ("slow"), 但总是显示在桌面屏幕上