Jquery mobile 如何获取ListView JQUERYMOBILE中所选元素的索引

我创建了一个动态的

列表视图

，其中有一个链接

id=“a”

我需要基于此的索引号，我需要加载动态XML

请帮我解决这个问题

谢谢 希亚姆

下面是一个演示：

这将事件处理程序绑定到

单击

事件的

#accpmenu

列表中的列表项，该事件查找单击列表项的索引（与其他列表项元素相比）

另一方面，您的代码中似乎有一些无效的HTML：

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

请注意，

.on（）

在jQuery 1.7中是新的，在上述情况下，它将替换

.delegate（）

（来自早期版本）

以下是一些文档，供您帮助解释上述示例：

• .on（）

  ：

• .index（）

  ：

• .parents（）

  ：

---

Hai，感谢您提供的解决方案，但这并不能解决我的问题，因为我的页面是动态生成的。在每个页面中，我在该列表视图中都有一个列表视图。如果我单击任何内容，它应该加载第二个页面，因为我正在使用changePage（），这里它将导致第二个页面（但不加载）我再次为第二个页面填充数据。您的示例代码片段对静态列表有效，但对动态加载的动态列表无效。Hai Jasper，前面我使用change page每次调用不同的html页面（$.mobile.changePage（“aacp.html”，“slideup”）；）在这个场景中，它现在不工作了，我已经替换了所有的代码，并保存在一个文件中，现在可以工作了。你能告诉我为什么它不为不同的文件而工作，尽管我没有打电话给外部。

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

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

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

$("#accpmenu").append('<li><a href='+ "#" + ' id="a">'+ this.textContent +'</a>  </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();
});