$(function(){
$('#button-add').on('click',function(){
var item=$('#text-item').val();
var li='<li>'+item+'</li>';
var ul=$('#fxxt');
ul.append(li);
});
});
<html>
<ul id="fxxt">
<li>雏菊</li>
<li>向日葵</li>
<li>满天星</li>
</ul>
</br>
<input
id="text-item"
type="text"
placeholder="请输入新的列表项目"/>
</br>
<input
id="button-add"
type="button"
value="增加" / >
ul{
background-color:black;
color:white;
}
#button-add{
font-weight:bolder;
}