Получение данных строк в динамически созданных списках

Question

Привет, я динамически создаю список. Я хочу получить данные конкретной строки по щелчку, чтобы перейти к дальнейшим шагам. мой код, как показано ниже

function getList(tx, results){ 

       $('#DeliveryList').empty(); 
       var len = results.rows.length; 
       for(var i=0; i <len; i++) 
       { 
        var deliveryItems = results.rows.item(i); 
        var html = '<li data-role="list-divider">'+deliveryItems.DeliveryName+ ' | ' + deliveryItems.PrimaryName+' <span class="ui-li-count">Copay ='+deliveryItems.Total+'</span> </li><li><a><img src="Pending"/><h3>'+deliveryItems.Name1+'</h3><p>'+deliveryItems.Address+'</p><p>'+deliveryItems.City+' <b></b></p><p><strong>'+deliveryItems.ContactNumber+'</strong></p><a href="#PrescriptionPage" class="cls_btn" id="btn_list" onclick = "Prescription()" >Delivary Details</a></a></li>'; 
        $('#DeliveryList').append(html).trigger('create'); 
       } 
       $('ul').listview('refresh'); 
      } 

Мой HTML файл выглядит

<div data-role="page" id="page3" > 
     <div data-role="header"> 
         <a href="#page1" data-icon="back">Back</a> 
         <h1>Heading</h1> 
         <a href="#Page2" class="ui-btn-right" type="submit" data-role="button" data-icon="home" data-theme="b" data-mini="true">Home</a> 
        </div><!-- /header --> 
        <ul data-role="listview" id="DeliveryList" data-inset="true" data-theme="d" data-divider-theme="b"> </ul> 
</div> 

может ли один помочь мне достичь результата. Заранее спасибо.

Answer 1

Он работал для меня ниже кода

$('ul').children('li').on('click', function() { 
             alert('Selected Name=' + $(this).text()); 
              }); 

Answer 2

Вы уже используете jQuery, почему бы не использовать его для создания этих элементов? Я получаю getList() связан с событием.

// Create the element 
var li = $('<li></li>'); 
// Add your class 
li.addClass('list-divider'); 
// Change the innerHTML 
li.html('Your content'); 

// Then append it to the list 
$('#DeliveryList').append(li); 

Просто измените этот код в соответствии с вашими потребностями. В этом примере добавляется один элемент <li> с классом и некоторым контентом.

Удачи.