javascript - 单击一个时隐藏具有相同类名的其他元素

标签 javascript html ember.js

<分区>

我有 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 - 输入类型数字无法正常工作

javascript - 无法将事件点击添加到 Select2 下拉列表中的选项

ember.js - 如何链接到应用程序的根路径

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"), 但总是显示在桌面屏幕上

iphone - html5 视频不能在 ipad 模拟器中播放?

html - 为所有查看网站的用户设置和更改 css