अधिभावी लिए अभिभावकों की तत्व बाल तत्व

Question

से घटना क्लिक करें मैं HTML निम्नलिखित है:

<table> 
    <tr> 
     <td><div>test</div></td> 
     <td>Some Text</td> 
    </tr> 
</table> 

JQuery का उपयोग करना, मैं कुछ कोड है कि टी.आर. तत्व पर जब उपयोगकर्ता क्लिक चलाता है। यह अच्छा काम करता है।

हालांकि, जब कोई टीडी तत्व के अंदर डीआईवी पर क्लिक करता है, तो मुझे केवल डीआईवी की "क्लिक" घटना चाहिए और माता-पिता के टीआर "क्लिक" ईवेंट नहीं चाहिए।

मैं यह कैसे कर सकता हूं?

अग्रिम धन्यवाद!

Answer 1

उपयोग stopPropagation:

$(function() { 
    $('tr').bind('click', function (e) { 
     console.log('tr'); 
    }); 
    $('div').bind('click', function(e) { 
     e.stopPropagation(); 
     console.log('div'); 
    }); 

});

jsfiddle

Answer 2

अपने click हैंडलर में evt.stopPropagation का उपयोग करें। jQuery के event.stopPropagation() पर

Answer 3

देखो

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

Answer 4

event.stopImmediatePropagation() मेरे लिए काम किया :)