अभिभावक क्लिक पर ट्रिगर घटना, लेकिन बच्चों पर नहीं

Question

यदि मेरे पास एक मूल div है जो पूरी तरह से स्थित है और फिर एक बच्चा div जिसमें उच्च जेड-इंडेक्स है और अपेक्षाकृत स्थित है, तो केवल एक क्लिक इवेंट रजिस्टर करने का कोई तरीका है अगर माता-पिता div पर क्लिक किया गया है, लेकिन अंदरूनी div नहीं है?

Relevant jsFiddle

Updated fiddle with text input example

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

पहुँच बच्चे तत्वों और अवास्तविक लौटाते ताकि उन पर क्लिक कर रहे हैं 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/