Hola,

Tengo este marcado:

 <div onclick="dothis();"> <span><img src="icon.png"></span> <span>Click here to do this</span> <span>some stuff</span> <span onclick="close();">X</span> </div>

el problema es que cuando hago clic en la X para ejecutar close(); también ejecuta dothis() que no quiero. Sé que podría simplemente poner el clic en el lapso que contiene click here pero la cuestión es que se supone que la imagen y el lapso a continuación también ejecutan la función cuando se hace clic y poner un clic en cada uno sería redundante. También podría decir que podría simplemente envolver los primeros 3 elementos en un nuevo div y poner la función allí, pero eso entraría en conflicto con la función en sí (no digo por qué porque no quiero alargarlo demasiado).

¿Cómo puedo resolver esto sin tener que cambiar el marcado?

Gracias.