click（）のトリガーを防止する

Question

私はいくつかの小さなdivを大きなdivに入れ子にしました。 1特定小グループ#smallと大きなdiv #largeには、jQuery click()イベントハンドラが添付されています。

問題：はどのように私はそれをクリック、その小さい方のネストされたdivの内側に発生したときに、より大きなDIVのclick()ハンドラが発射されていないこと、小さいdivのための唯一の1があるように作るのですか？大きい区域のclick()は、クリックが他の小区画で発生した場合でも、起動する必要があります。

HTML

<div id="large"> 
    <div id="small"></div> 
    <div id="small_2"></div> 
    <div id="small_3"></div> 
</div> 

jQueryの

$("#large").click(function() { 
    console.log('large'); 
} 

$("#small").click(function() { 
    console.log('small'); 
} 

Answer 1

$("#small").click(function(e) { 
    e.stopPropagation(); 
    console.log('small'); 
} 

http://api.jquery.com/event.stopPropagation/