de los padres Anulación de evento de clic Elemento secundario

Question

He código HTML siguiente:

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

usando jQuery, tengo algo de código que se ejecuta cuando el usuario haga clic en el elemento TR. Funciona bien.

Sin embargo, cuando alguien hace clic en el DIV dentro del elemento TD, solo deseo el evento "clic" del DIV y no el evento TR "click" del padre.

¿Cómo puedo hacer eso?

Gracias de antemano!

Answer 1

uso stopPropagation:

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

});

jsfiddle

Answer 2

Use evt.stopPropagation en su controlador click.

Answer 3

Mira event.stopPropagation de jQuery()

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

Answer 4

Event.stopImmediatePropagation() trabajó para mí :)