动态变化的LI如何取？

Question

$("#list-group li").on('click',function () {
                var val = $(this).text();
                alert(val);
            });

Answer 1

还是不行 现在连alert都执行不了了
比如我的UL加载完后是
<ul>
<li class="l">a</li>
<li class="l"><b</li>
</ul>如果我选择b的话
就会重新生成一个新的ul 为
<ul>
<li class="l">a</li>
<li class="l select"><b</li>
</ul>
然后怎么点击第二个都无效了 何解？

Answer 2

还是不行 现在连alert都执行不了了
比如我的UL加载完后是
<ul>
<li class="l">a</li>
<li class="l"><b</li>
</ul>如果我选择b的话
就会重新生成一个新的ul 为
<ul>
<li class="l">a</li>
<li class="l select"><b</li>
</ul>
然后怎么点击第二个都无效了 何解？第一次点的适合alert了b  第二次点a的适合alert不了 就是这种情况

Answer 3

<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>
<style>li{width:20px;height:20px;display:block;background:red;}</style>
<script>
  var i=0;
  function f(){$('<li>'+ (i++) +'</li>').appendTo('body')}
  $(document).on('click','li',function(){alert(this.innerText);f()})
window.onload=f;
</script>