第一个li项的Jquery click事件

Question

当用户点击无序列表上的第一个项目时，我试图调用一个函数。但它似乎没有用。

这就是我所做的：

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

Answer 1

对于动态创建的内容，请使用事件委派

$('#listResults').on('click', 'li:first', function() {
    alert("Wunderbar!"); 
});

或#listResults是否动态修复

$(document).on('click', '#listResults li:first', function() {
    alert("Wunderbar!"); 
});

Answer 2

Is this what you want?

<ul id="listResults">
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
</ul>

$('#listResults li:first').on('click', function() {
    alert("Wunderbar!"); 
});