$(function(){
$('#button-add').on('click',function(){
var li='<li>虎鲸</li>';
var ul=$('#XX');
ul.append(li);
});
});
<ul id="XX">
<li>鸡蛋</li>
<li>牛奶</li>
<li>巧克力</li>
<li>海豚</li>
</ul><br/><br/><br/>
<input id="button-add" type="button" value="新增"/><br><br><br>
#button-add{
background-color: greenyellow
}