volviendo a hacer clic en clase li en un javascript / jquery ul

Mi código (la página html):

 

El javascript / jquery detrás de él:

 $(function () { $("ul").click(function () { // here I want to get the clicked id of the li (eg bakkerLink) }); }); 

¿Cómo puedo hacer eso?

Utilice el método .on() con la firma $(common_parent).on(event_name, filter_selector, event_listener) .

Demostración: http://jsfiddle.net/gLhbA/

 $(function() { $("ul").on("click", "li", function() { // here I want to get the clicked id of the li (eg bakkerLink) var id = this.id; alert(id); }); }); 

Otro método es vincular el evento a li lugar de ul :

 $(function() { $("li").click(function() { // here I want to get the clicked id of the li (eg bakkerLink) var id = this.id; alert(id); }); }); 

Use jQuery on() lugar de click y pase li como selector.

 $(function() { $("ul").on('click', 'li', function() { //Here this will point to the li element being clicked alert(this.id); }); }); 

on() referencia – http://api.jquery.com/on/

 $(function() { $("li").click(function() { alert(this.id); }); }); 

edición: jsfiddle link

Maneje el evento de click de

  • lugar de

      .
      A continuación, puede obtener this.id

      Use el objective del evento (el ancla en el que se hizo clic) y luego tome la identificación de su padre:

       $(function() { $("ul").click(function(e) { alert(e.target.parentNode.id); }); }); 

      JSFiddle

      Esta es una de las formas de hacerlo. Asegúrese de que está utilizando el último archivo jquery.

        $("ul li").on('click', function() { console.log($(this).attr("id")); }); 

      Puedes intentar

       $(function () { $("li").click(function () { var id = $(this).attr("id"); alert(id); }); }); 

      o

       $(document).ready( function() { $("li").click(function () { var id = $(this).attr("id"); alert(id); }); });