¿Cómo prevenir las ejecuciones simultáneas de javascript?

Question

tengo html bloque de código como este

<div id="some-div"> 
    <a href="#" class="link-click">some link text</a> 
    <div id="small-text">here is the small text</div> 
    //another text block 
</div> 

<script type="text/javascript"> 
    $('#some-div').click(function(){//some task goes here}); 
    $('.link-click').click(function(){//some task goes here for link}); 
    $('#small-text').click(function(){//some task goes here for small div}); 
</script> 

cuando se hace clic en el div que viene (id = alguna-div) mensaje emergente, pero cuando hago clic en el enlace (class = enlace de clic) que necesito para funcionar otra función de JavaScript. pero sucede que cuando hago clic en enlace-clic, también ejecuta la función de algún div. significa al hacer clic en ambas funciones se ejecuta.

cómo evito la ejecución simultánea de la función javascript. Estoy usando jquery también. gracias

Answer 1

Puede usar event.stopPropagation() para evitar que el evento burbujee en el árbol DOM.

Answer 2

$('.link-click').click(function(e){ 
    e.stopPropagation(); 
});