只選父項

Question

我試圖切換父div當單擊div本身。但我想阻止子div或元素觸發該功能。我怎樣才能做到這一點？

//javascript (jquery enabled) 
function toggle(parent_id) { 
    $('.'+parent_id).toggle(); 
} 
<!-- html --> 
<div class="parent parent1" onclick="toggle('parent1')"> 
    <div class="child1"></div> 
    <div class="child2"></div> 
</div> 

<div class="parent parent2" onclick="toggle('parent2')"> 
    <div class="child1"></div> 
    <div class="child2"></div> 
</div> 

謝謝！

更新：我想切換特定的div，因此使用一個函數來傳遞特定的父ID。

即。如果我點擊parent1，parent1切換; 如果我點擊parent2，parent2切換

Answer 1

下應該做的工作：

$(".parent").click(function(e) { 
    if (e.target == this) { 
     $(this).toggle(); 
    } 
}); 

DEMO：http://jsfiddle.net/Md4U5/

Answer 2

這很簡單，只是延長@視覺的答案，以確保所有這些div s有一類parent：

$("[class~=parent]").click(function(e) { 
    if (e.target == this) { 
     $(this).toggle(); 
    } 
});