No puedo get la identificación del lapso usando jquery

Hola, ¿cómo puedo get la identificación de mi lapso usando jquery? Intenté intentarlo pero no funciona, nada está siendo iniciar session en la console.

$(function () { for (var id = 0; i < data.length; i++) { var dynamicli = '<li class="">' + '<img src="path/to/image" class="_xy">' + data[i].name + '<i class="glyphicon glyphicon-user oncho"></i>' + '<span class="myspan" id="' + data[i].id + '></span></li>'; $('#myullist').append(dynamicli); } $('#myullist').on('click', '.oncho', function () { var id = $(this).find('span').attr('id'); console.log(id); }); }); 

//index.html

  <div class="wrapper-n"> <ul id="myullist"></ul> </div> 

Editar : cambio el evento de clic a la class 'oncho' para que cuando click el icono, pueda get la identificación de intervalo.

Editar: Intenté usar find () pero aun así no puedo get el id. No está definido

Te perdiste la cita de finalización de la id :

 '<span class="myspan" id="'+data[i].id+'"></span></li>'; // ^ 

ACTUALIZAR

Usa next ya que span no es el descendiente de .oncho :

 $('#myullist').on('click', '.oncho', function () { var id = $(this).next('span').attr('id'); // ^^^^^ console.log(id); });