クリックイベントから子要素を取り除く方法

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(); 
}