jquery无法获得li的id

Question

我尝试使用以下代码

获取listview中的li的id

$("#detailr").append(" <li class=\"item box_btn\" id=\""+ item.appid +"\"><div class=\"list\" ><div class=\"list-left\"><img src=\"uploadb/"+ item.appicon +"\"><ul><li><b>"+ item.appname +"</b><span>Left"+ item.leftc +"</span></li><li><img src=\"img/32.png\">Done"+ item.appdone +"</li><li class=\"spe\">search\""+ item.appname +"\"</li></ul></div><div class=\"list-right\"><div class=\"yuan\">+"+ item.appprice +"</div></div></div></li>");});

并点击活动

<script type="text/javascript">
 $(document).ready(function(){ 
   $('#detailr').children('li').click(function () { // 
   alert($(this).attr('id'));
 });
});
</script>

html内容

<ul data-role="listview" id="detailr">
</ul>

当我点击li时，没有回复，我将$('#detailr').children('li').click(function ()更改为$('#detailr li').click(function ()，$('#detailr').children('li').on("click", function ()，也不起作用，我不明白为什么，请帮助我非常感谢。

Answer 1

您需要使用 .on() 和 event delegation 。

$('#detailr').on('click','li',function () { 
    alert($(this).attr('id'));

});