父點擊時觸發事件，但子節點不觸發事件

Question

如果我有一個絕對定位的父div，然后是一個具有更高z-index並且相對定位的子div，有沒有辦法只在單擊父div時才有一個click事件寄存器，而不是內部div ？

相關的jsFiddle

用文本輸入示例更新了小提琴

Answer 1

$(".parent").click(function(e) {
    if (e.target == this) {
        $(this).hide();
    }
});​

演示： http ： //jsfiddle.net/Bt5HA/4/

Answer 2

改成：

$('.child a').click(function(e) {
    $(this).parent('.child').hide();
});​

Answer 3

訪問子元素並在點擊時返回false http://jsfiddle.net/Bt5HA/3/

Answer 4

試試這個

$('#child').click(function(event) {
event.stopPropagation();
alert('You clicked Child');
});


$('#parent').click(function() {
alert('You clicked on Parent');
});

你可以在這里查看工作http://jsfiddle.net/VnHGh/24/