如何從點擊事件中分配子元素

Question

有人可以幫我解決這個問題。有HTML代碼：

<h3> 
    <label> 
     <input type="checkbox" name="country" value="us" /> United States 
    </label> 
</h3> 
<p>Some content goes here</p> 

我想通過點擊H3標籤切換p元素，但我不wan't切換，如果我點擊了標籤上

$('h3').click(function() { 
    // Does something goes here? 
    $(this).next('p').toggle(); 
} 

Answer 1

您需要檢查行動的目標

$('h3').click(function(e) { 
    // if they clicked the h3 only 
    if (this == e.target) { 
    $(this).next('p').toggle(); 
    } 
} 

altCognito的建議也可以工作，但它是更多的代碼。

Answer 2

你想stopPropagation（）

$('h3').click(function() { 
    // Does something goes here? 
    $(this).next('p').toggle(); 
} 
$('label').click(function(e) { 
    e.stopPropagation(); 
}