Llevo liado con un script que no termina de salirme.
Construyo en tiempo de ejecución un <ul>, donde en cada <li> es un valor que recojo desde un JSon.
A esos <li> le meto en su id un texto, al igual que al <a> que va dentro.
Código:
Cuando pulso en uno de los enlaces, lanzo un div tipo page de la misma pagina, para recuperar los valores, pero necesito capturar el id desde el cual se pulsó.//cargamos la lista de valores function cargarListaTrabajadas(){ //Eliminamos el listado para construirlo de nuevo $('#trabajadas div[data-role="content"] ul').remove(); $('#trabajadas div[data-role="content"]').html("<ul data-role='listview' data-theme='c'></ul>"); //Obtenemos los ids almacenados var listaItemIds = getListaTrabajadasIds(); var code = ""; // Get the HTML code for the list of items. for(item in listaItemIds) { var jsonData = localStorage.getItem(listaItemIds[item]); if(jsonData) { var data = JSON.parse(jsonData); var html = "<li id='" + data.clave + "'><a id='" + data.clave + "' href='#vertrabajada'>" + data.fecha + " ..." + data.clave + "<BR> (" + data.horainicio + " - " + data.horafin + " -> " + data.tiempoEntrada + ")</a></li>"; code += html; } } $('#trabajadas div[data-role="content"] ul').html(code); }
Lo intento con:
Código:
pero siempre me recupera el primer valor.//Cargar el item Trabajada para visualizarlo $('#vertrabajada').live('pagebeforeshow',function(event, ui){ idTrabajada = $('#trabajadas div[data-role="content"] ul[data-role="listview"] li a').attr("id"); var jsonData = localStorage.getItem(idTrabajada); if(jsonData) { var data = JSON.parse(jsonData); $('#vertrabajada div[data-role="content"] input[id="clave"]').val(data.clave); $('#vertrabajada div[data-role="content"] input[id="tiempoentrada"]').val(data.tiempoEntrada); $('#vertrabajada div[data-role="content"] input[id="fecha"]').val(data.fecha); $('#vertrabajada div[data-role="content"] input[id="horainicio"]').val(data.horainicio); $('#vertrabajada div[data-role="content"] input[id="horafin"]').val(data.horafin); $('#vertrabajada div[data-role="content"] input[id="festivo"]').val(data.festivo); $('#vertrabajada div[data-role="content"] textarea[id="comentario"]').val(data.comentario); } });
¿cómo puedo averiguar al cargar el div "#vertrabajada" desde que <a> o <li> se pulsó?
Gracias