Identificación del hallazgo hace clic profunda en el documento usando jQuery

Question

Voy a utilizar el texto del ejemplo jQuery, Por ejemplo, considere el código HTML:

<lots of divs to get to here>

<div id="#targetid_0">
  Click here
</div>
<div id="#targetid_1">
  Trigger the handler
</div>

Tengo una serie de preguntas que me están plagando ...

Si se asume que hago clic en 'Haga clic aquí' o 'Activar el manejador':

1. Si estoy asignando un valor a través de la attr (targetid_x, JSON.ID), ¿cómo puedo usar alerta para mostrarme ese valor? Me está volviendo loco!
2. ¿Cómo me entero de lo específico hace clic #tag? (Más o menos relacionada con la pregunta 1).

Me gustaría ver si esto se puede lograr con la delegación de eventos o al menos sin clases.

Halp!

Answer 1

$('div').click(function() {
    $(this).attr('id');
});

Answer 2

Prueba esto:

$('div[id]').click(function(){
  alert(this.id);
  return false;
});

Esto añade un detector de eventos para todos los divs que tienen un id.
La parte return false; detiene la propagación. Por lo tanto, si usted ha anidado divs que tienen identificadores sólo el inferior (interior) uno va a mostrar la alerta, y luego se detiene el burbujeo evento.