本文實例講述了JQuery實現ul中添加LI和刪除指定的Li元素功能。分享給大家供大家參考，具體如下：

最近為了實現這個簡單的功能也是看了很多的內容，終于找出了看起來簡單易實現的方法，我覺得能用最簡潔的代碼實現，就不要寫的那么復雜，看也看不懂。先碼著，為后面的項目做做準備。

心若向陽無謂悲傷

.item{

background: #C0C0C0;

border-radius: 20px;

margin-bottom: 10px;

height:40px;

padding-left: 20px;

color:white;

font-family: "微軟雅黑";

text-align: center;

padding-top: 15px;

}

#content{

list-style: none;

}

$ (function ()

{

$ ('#add').click (function ()

{

if($("#content").children().length >=5){

alert("最多允許添加5個")

return;

}

$('#content').append('

'+$("#content").children().length+'');

});

$ ('#delete').click (function ()

{

var len = $("#content").children().length-1;

if(len >=0){

$("ul li:eq("+len+")").remove(); //表示刪除最后一個元素

}else{

alert("還沒有添加元素哦");

}

});

})

添加div

刪除div

實現效果如下：

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

希望本文所述對大家jQuery程序設計有所幫助。

總結

以上是生活随笔為你收集整理的jquery生成一个li_JQuery实现ul中添加LI和删除指定的Li元素功能完整示例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。