Question

我动态创建了一个列表视图，并为每个li项分配了自己的唯一ID。我正在使用jQuery mobile，我想要做的是当我用户点击列表项时，我需要它来启动JS功能从web 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>

当用户点击它调用函数的listview项并获取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

1 个答案: