找出使用jQuery（动态添加列表）

Question

Case1的哪个列表元素被点击：列表存在使用

$('#list1 li').bind('click', function(){ 
    alert($(this).html()); 
}); 

上述工程已经

<ul id="list1"> 
    <li>One</li> 
    <li>Two</li> 
</ul> 

检测的点击li元素的HTML精细。

案例2：使用相同的代码

$('#list1 li').bind('click', function(){ 
    alert($(this).html()); 
}); 

在这种情况下

现在如果dyamically添加

<div id="testDiv"> 
</div> 

var output = '<ul id="list1">' + 
      '<li>One</li>' + 
      '<li>Two</li>' + 
      '</ul>'; 

$('#testDiv').html(output); 

我试图侦测点击li元素列表，它不检测

Answer 1

在这种情况下使用event delegation

$('#testDiv').on('click', '#list1 li', function() { 
    alert($(this).html()); 
});