Estoy creando una etiqueta en forma de una barra que contiene iconos, esta etiqueta tiene un evento click
asociado que al activarlo me muestra un detalle. Ahora, el problema surge cuando quiero darle un evento click
al icono, los cuales están contenidos dentro de la etiqueta mencionada y no se activa su evento, mas se activa el evento de la etiqueta padre.
Quiero evitar mover el icono fuera de la etiqueta y quisiera saber si hay una forma de hacer que su evento se active obviando el evento de la etiqueta que lo contiene.
Esta es mi etiqueta con un evento click
la cual muestra un detalle en otra parte de la página:
<div class="bar-agent" onclick="show_detail_agent();">
<p class="agent-data"></p>
<span id="delete_agent" class="icon-delete">
<img src="img/trash.png" alt="">
</span>
</div>
Lo que intento hacer es acceder al evento click
del span con id="delete_agent"
para que elimine esta etiqueta. Pero al estar contenida dentro de la etiqueta con class="bar-agent"
no me deja acceder al span.
function _delete_agent(){
$(".content-agents .bar-agent-content .bar-agent").on("click","#delete_agent", function(){
console.log("aqui!");
});
}