addClass仅适用于html文件中的<li>元素

Question

为什么这个函数只在你点击源自html文件的li元素时才添加类。如果我使用添加按钮创建新的li元素，则添加类不起作用。我该如何解决这个问题？

<input type="text" id="new"><button id="add">Add</button>
<ul id="list">
    <li >one</li>
    <li>two</li>
    <li>three</li>
</ul>

的javascript

$(document).ready(function(){
$("li").click(function(){
    $(this).addClass("current");
});

$("#add").click(function(){
    var a=$("#new").val();
$("#list").append("<li>"+a+"</li>");
});
});

Answer 1

JQuery不检查DOM更改，它不是“实时”。应用查询时，它基于DOM当前的结构。每次附加某些内容时，您都需要对这些元素应用任何更改。

$("#list").append("<li>"+a+"</li>").addClass('current');