Listview Get li ID

Listview Get li ID

本文关键字:ID li Get Listview      更新时间:2023-09-26

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

您可以通过这种方式传递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>