jquery each 每次添加li操作，都遍历一次；需求需要；遍历多次 事件多次执行了；怎么处理；

Question

<ul id="list">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<button id="listAdd">添加</button>
$("#listAdd").on("click",function(){
$("#list").append("<li>增加的</li>")
$("#list li").each(function(){
$(this).on("click",function(){
alert($(this).html())
})
})
})

Answer 1

js代码改成如下：
$("#listAdd").on("click",function(){
$("#list").append("<li>增加的</li>")
})
$("#list").on("click", "li", function(){
alert($(this).html());
})
使用jquery的on事件委托来处理动态添加元素动态添加事件。本回答被提问者和网友采纳