隱藏有相同的類名等元素，當一個被點擊

我有相同的類名爲「DP-檢查」裏面我是用作爲一個組件和大量的時間在同一個頁面中使用HTML 10個div的。現在，我的問題是最初的所有div都隱藏當我點擊其中之一，那麼它的「顯示」設置爲（只有該實例的），「內聯」和所有其他被隱藏的，我想關閉時，任何其他分區使用相同的類名顯示或點擊頁面上的其他位置。隱藏有相同的類名等元素，當一個被點擊

來源

2013-01-02 santosh kore

你怎麼可以點擊這是不可見的元素？ – PeeHaa

向我們展示您的代碼，如果您向我們展示您嘗試過的內容（HTML，CSS，JS），則可以提供更好的幫助。 – Lowkase

我有div的頂部（「DP-檢查」）一個佈局（DIV類=「肘節」），對佈局（DIV類=「肘節」）在div（「DP-檢查」）的點擊被觸發。但我想隱藏在頁面上的任何其他位置。 –

試試這個：

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到點擊事件在元素上。

來源

2013-01-02 13:58:15 Cerbrus

做一些修改，它的工作就像charm..thanks人.. –

沒問題，很高興幫助！ – Cerbrus

-1

您可以隱藏所有dp-check div的時候別的地方在頁面上點擊使用jQuery：

$('body').click(function (event) { 
    var $target = $(event.target); 
    if(!$target.hasClass("dp-check")) { 
    $("dp-check").css('display','none'); 
    } 
}

來源

2013-01-02 13:55:25 Echilon

隱藏有相同的類名等元素，當一個被點擊

回答

相關問題