使用點擊功能爲列表上的每個項目循環列表。上述MobileFirst

Question

function displayFeeds(items){ 
    var ul = $('#itemsList'); 
    for (var i = 0; i < items.length; i++) { 
     var li = $('<li/>', { 
     click: function() { 
      alert(i); 
     }, 
     class : "ggwapi" 
     }).text(items[i].Title); 

     var pubDate = $('<div/>', { 
     'class': 'pubDate' 
     }).text(items[i].imdbID); 

     li.append(pubDate); 

     ul.append(li); 

    } 
} 

的代碼是一個函數displayFeeds它獲取得到來自一個名爲項目列表中的JSON格式的數據。循環的第一個循環是迭代從列表中獲取所有項目的方法，並將其添加到標籤中的特定html中。除了1部分之外，所有內容（類，點擊功能，指定文本的顯示，警告/ msgbox顯示等）在這段代碼中都很順利。

警報框顯示的消息（應該是i的值）是相同的。比方說，我從列表中有10條記錄，每次我點擊列表中的一個項目時，它們都會顯示（在msgbox中）「10」。我想要的是讓他們顯示他們持有的索引號。列表中的第一項應該顯示「1」，其次應該是「2」等等。

請人幫我這個:(謝謝

PS：我使用的日食月亮

Answer 1

不要給每一個自己的點擊功能，因爲它們都是一樣的。相反，給每一個ID等於我，然後使一個點擊功能的所有元素與該類警報的ID。這樣的事情是這樣的：

function displayFeeds(items) { 
    var ul = $('#itemsList'); 
    for (var i = 0; i < items.length; i++) { 
     var li = $('<li/>', { 
     class : "ggwapi", 
     id : i 
     }).text(items[i].Title); 

     var pubDate = $('<div/>', { 
     'class': 'pubDate' 
     }).text(items[i].imdbID); 

     li.append(pubDate); 

     ul.append(li); 
    } 
} 

$('.ggwapi').click(function() { 
    var itemID = $(this).attr('id'); 
    alert(itemID); 
});