如何獲得在ListView中選擇的元素的索引JQUERYMOBILE

Question

我已經創建了一個動態listview與id="a"的鏈接。

<ul id="accpmenu" data-role="listview" > 
</ul> 

$("#accpmenu").append('<li><a href='+ "#" + ' id="a" ">'+ this.textContent +'</a> </li>'); 

現在我想確定我已經從這個listview點擊的元素的索引。

$("#a").live("click",function(e) 
{ 
    //What should i write here to get the selected index?. 
} 

我希望在此基礎上，我需要加載動態XML索引號。

請幫我解決這個問題。

感謝 希亞姆

Answer 1

$('#accpmenu').on('click', ' > li', function() { 
    var selected_index = $(this).index(); 
}); 

這裏是一個演示：http://jsfiddle.net/w2JZU/

這將綁定的事件處理程序在#accpmenu列表中的列表項的click事件發現所點擊的索引列表項目（與其他列表項目元素相比）。

在一個側面說明，你有什麼似乎是在你的代碼中無效的HTML：

$("#accpmenu").append('<li><a href='+ "#" + ' id="a" ">'+ this.textContent +'</a> </li>'); 

應更改爲（id屬性後注意去除雙引號）：

​​

我上面的示例將click事件處理程序添加到li元素，因爲它很容易確定點擊元素的索引，但您也可以綁定到列表中的鏈接：

$('#accpmenu').on('click', 'a', function() { 

    //this gets the index by finding the first parent list-item element and getting it's index compared do its siblings 
    var selected_index = $(this).parents('li').eq(0).index(); 
}); 

請注意，.on()是jQuery 1.7中的新增功能，在上述情況下替換.delegate()（來自早期版本）。

這裏有一些文檔爲雅，以幫助解釋上面的例子：

• .on()：http://api.jquery.com/on
• .index()：http://api.jquery.com/index
• .parents()：http://api.jquery.com/parents