動態創建列表的索引Javascript

Question

我有一個動態創建的json數據列表。 所以我的問題是如何獲得點擊項目的索引。

我嘗試這樣做：

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

但這沒有工作。我沒有得到警報？ 如果我創建一些靜態鋰元素，我得到它們的索引。

請大家幫幫我：/

Answer 1

動態創建的列表將需要委託事件......

$("ul").on("click", "li", function() { 
     var index = $(this).index(); 
     alert(index); 
}); 

如果還動態創建的<ul>，請在創建列表之前存在一個父節點。

Answer 2

這是

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

Answer 3

兩個問題：

1. 你只是想$(this).index()：

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

   從the documentation：

   如果沒有參數傳遞給.index()方法，則返回值是一個整數，指示jQuery對象內第一個元素相對於其同級元素的位置。

2. 當你做$("li").click(...)，它掛鉤起來，以在時間在這一點上存在的元素。稍後添加的部件將不會獲得分配給它們的點擊處理程序。處理這種動態列表的最好方法通常是事件代理。 DevlshOne給你一個例子in his/her answer。其基本思路是這樣的：

   $("selector for the list, not the list items").on("click", "li", function() { 
       // handler code here 
   }); 
   

   那名單上鉤click，沒有列表項，但是當好像你對處理程序掛鉤點擊發生的點擊就會自動觸發處理程序。

Answer 4

請嘗試以下操作。假設ul不是動態加載的。

$("ul.containerclass").on("click", "li", function() 
{ 
    var index = $(this).index(); 
    alert(index); 
}); 

或

$(document).on("click", ".containerclass li", function() { 
    var index = $(this).index(); 
    alert(index); 
}); 

注：此處containerclass可ID