jquery - 子 div を除いて、メイン div に jQuery 命令を使用する

Question

私は div width を持っていid="main"ます。クリックすると、本体の背景が黒に変わります。

私はこのコードでそれを行います:

$("#main").click(function(){
    $("body").css("background", "#000");
});

私は別の div をid="second"div に持っていid="main"ます:

<div id="main">
    <div id="second">
    </div>
</div>

で div をクリックしたときにボディの背景を変更したくありませんid="second"。どうやってやるの？

Answer 1

実施例。

$("#second").click(function (event) {
    event.stopPropagation();
});​

Answer 2

IDが2番目の子のみをブロックしたい場合は、この方法で行うことができます。

ライブデモ

$("#main").click(function(event){
  if(event.target.id != "second")
  {   
       $("body").css("background", "#000");
  }
});