console
$(function(){
$('#button-add').on('click',function(){
var item=$('#text-item').val();
if ( $("#text-item").val()=="") {
alert("不能为空")}
else if(item==$("#li#ul-add")){
alert("不能重复")}
else{
var li ='<li>'+ item +'</li>';
var ul =$('#ul-add');}
ul.append(li);
})
})
<html>
<body>
<ur id="ul-add">
<li>鸡蛋</li>
<li>鸭蛋</li>
<li>鱼蛋</li>
<li>鹌鹑蛋</li>
</ur>
<p>请输入</p>
<input id="text-item" type="text">
<input id="button-add" type="button" value="确定">
</html>
#button-add{color: rgb(255, 255, 255); background-color:rgb(33, 134, 228)} }