$('.ul1 a').on('click', function(){ alert('正在监听'); }); $('.ul2').on('click', 'a', function(){ alert('正在监听'); }); $('.add-more-items').on('click', function(){ var item = $('<li><a href="#">我是动态新增节点</a></li>'); $('.ul1,.ul2').append(item); });
<ul class="ul1"> <li><a href="#">监听我</a></li> <li><a href="#">监听我</a></li> <li><a href="#">监听我</a></li> <li><a href="#">监听我</a></li> <li><a href="#">监听我</a></li> <li><a href="#">监听我</a></li> <li><a href="#">监听我</a></li> <li><a href="#">监听我</a></li> </ul> <ul class="ul2"> <li><a href="#">监听我</a></li> <li><a href="#">监听我</a></li> <li><a href="#">监听我</a></li> <li><a href="#">监听我</a></li> <li><a href="#">监听我</a></li> <li><a href="#">监听我</a></li> <li><a href="#">监听我</a></li> <li><a href="#">监听我</a></li> </ul> <a href="#" class="add-more-items">添加更多节点</a>