jquery - jQuery ~ 内側の div id 名のみを取得する

Question

赤い部分をクリックすると「赤」、青い部分をクリックすると「青」と「赤」で警告！「青」のみを警告してから停止するにはどうすればよいですか。div名の前だけが必要なためです。

http://jsfiddle.net/FFZuD/1/

HTML

<div id="block1" style="width: 300px; height: 200px; background-color: red;">
        <div id="block2" style="width: 100px; height: 100px; background-color: #09F; ">
        </div>
</div>

JS

$('div').click(function(){
  alert($(this).attr('id'));
});

Answer 1

event.stopPropagation() jquery 関数を使用する必要があります。;this.idの代わりに使用することをお勧めします。$(this).attr('id')効率が良くなるからです。

ライブデモ

$('div').click(function(event){
  event.stopPropagation()
  //alert($(this).attr('id'));
  alert(this.id);
});

Answer 2

あなたが探しているのは stopPropagation で、イベントがバブルアップするのを防ぎます。

デモ: http://jsfiddle.net/meo/FFZuD/5/

$(".block").click(function(e) {
        e.stopPropagation();            
        /*etc...*/
});​​