Listview 获取li ID

Question

我动态创建了一个列表视图，并为每个 li 项目分配了自己唯一的 ID。我正在使用 jQuery 移动设备，我想做的是当用户单击列表项时，我需要它来启动 JS 函数以从网络 api 中提取信息，然后加载新的屏幕.

<ul id="stationlist" data-role="listview">
    <li onclick="getInfo()" id="12345">Some text</li>
    <li onclick="getInfo()" id="23561">Some text</li>
    <li onclick="getInfo()" id="55844">Some text</li>
    <li onclick="getInfo()" id="12458">Some text</li>

</ul>

当用户单击它调用该函数的列表视图项并获取 id 时，我该如何实现？

Answer 1

你可以通过这种方式传递给你dom元素，获取id信息。

<ul id="stationlist" data-role="listview">
    <li onclick="getInfo(this)" id="12345">Some text</li>
    <li onclick="getInfo(this)" id="23561">Some text</li>
    <li onclick="getInfo(this)" id="55844">Some text</li>
    <li onclick="getInfo(this)" id="12458">Some text</li>
</ul>

<script>
function getInfo(target){
  var idOfTag=target.id;
}
</script>

Listview 获取li ID

Listview Get li ID

html

javascript

jquery