jquery 无法获取 li 的 id

Question

我尝试使用以下代码在列表视图中获取 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'));

});

jquery 无法获取 li 的 id

jquery can't get the id of li

html

javascript

css

jquery

jquery-mobile