2015-09-18 68 views
0

我创建了一个动态列表视图,并为每个li项目分配了自己的唯一ID。我正在使用jQuery手机,我试图做的是当用户点击一个列表项时,我需要它启动JS函数从Web API拉动信息,然后加载一个新的屏幕。Listview获取li ID

<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?

回答

0

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