在LI元素上使用jQuery.on（）

我在让jQuery.on（）工作时遇到了一些困难。当前，h1元素似乎很好，就像第一个“.on（）”中一样，但当我使用li元素时，它不起作用，当我将其作为类、id甚至简单元素包含时。对于我想要做的事情，使用一个ID是不可能的，因为我有几百个元素，我想用不同的数字ID绑定到每个元素

$(document).ready(function(){
    //a h1 element
    $('#title').on('click',function(){ //works
        console.log("clicked");
    });

    //li elements, don't work
    $('#56813XXXX').on('click',function(){ //doesn't work
        console.log("clicked");
    });
    $('li').on('click',function(){ //doesn't work
        console.log("clicked");
    });
    $('.listItem').on('click',function(){ // doesn't work
        console.log("clicked");
    });
})

HTML格式如下：

<ul id="friendsList">
    <li id="56813XXXX" class="listItem">Text</li>
    <li id="56095XXXX" class="listItem">Text</li>
    <--several hundred more elements-->
</ul>

文本
文本

---

你知道如何让它为li元素工作吗？

你试过这个吗？它将限定对父级

的调用范围，并将单击事件绑定到动态添加的任何

元素

$('#friendsList').on('click', 'li', function() { 
     console.log("clicked");
});

---

我们能看看你的HTML吗？我想你必须对你的问题说得更具体些？--另外，

'56813xxx'

不是一个有效的元素是的，标记的示例会很有趣，列表元素中是否有任何东西可以防止事件冒泡？只需将标记放入，修复该元素-它是一个ID。您的代码对我有效…对我有效，ID通常不应该只包含数字，而使用XXX并不能像你想象的那样做？

$（'li'，$（'friendlist'））.on（'click'，function（）{}）将是另一种编写此代码的方法。是否确定这将具有相同的效果？