jQuery實(shí)現(xiàn)動(dòng)態(tài)刪除LI的方法
本文實(shí)例講述了jQuery實(shí)現(xiàn)動(dòng)態(tài)刪除LI的方法。分享給大家供大家參考,具體如下:
我們有時(shí)候知道UL的id,但是苦不堪言的找不到LI進(jìn)行清除,這邊有一些辦法可以參考,設(shè)置Li的id是不錯(cuò)的方法,但是千萬別設(shè)置成一個(gè)ID,到時(shí)候刪除只會(huì)刪除第一個(gè)
可以使用
$("#ul li").not(":first").remove();
這個(gè)方式可以刪除不是第一個(gè)li的其他所有l(wèi)i.
我這邊是用:
$(document).ready(function(){ $("#search_content").keyup(function () { if(CheckChinese($("#search_content").val())) { $.ajax({ type: "POST", anync: true, url: "HelpCenterSuggestion.ashx", cache: false, dataType: "text", data: { m: $("#search_content").val() }, success: function (result) { alert(result); $("#UlContent li").remove(); $("#UlContent").append(result); } }); } });
方法很多,還可以用:
1、用not
$("ul>li").not(":eq(0)").remove();
或
$("ul>li").not(":first").remove();
2、用filter
$("ul>li").filter(function(index){ return index!=0; }).remove();
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。
- Jquery和JS獲取ul中l(wèi)i標(biāo)簽的實(shí)現(xiàn)方法
- JQuery中兩個(gè)ul標(biāo)簽的li互相移動(dòng)實(shí)現(xiàn)方法
- jQuery在ul中顯示某個(gè)li索引號(hào)的方法
- 加載列表時(shí)jquery獲取ul中第一個(gè)li的屬性
- jQuery動(dòng)態(tài)添加及刪除表單上傳元素的方法(附demo源碼下載)
- Jquery動(dòng)態(tài)添加及刪除頁面節(jié)點(diǎn)元素示例代碼
- jQuery動(dòng)態(tài)添加、刪除元素的方法
- jquery動(dòng)態(tài)增加text元素以及刪除文本內(nèi)容實(shí)例代碼
- jquery 如何動(dòng)態(tài)添加、刪除class樣式方法介紹
- JQuery動(dòng)態(tài)給table添加、刪除行 改進(jìn)版
- jQuery實(shí)現(xiàn)動(dòng)態(tài)添加和刪除一個(gè)div
相關(guān)文章
jQuery的load()方法及其回調(diào)函數(shù)用法實(shí)例
這篇文章主要介紹了jQuery的load()方法及其回調(diào)函數(shù)用法,實(shí)例分析了load方法的簡單使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03簡單的jquery左側(cè)導(dǎo)航欄和頁面選中效果
這篇文章主要介紹一個(gè)簡單的jquery左側(cè)導(dǎo)航欄和頁面選中效果,此功能需引用jquery,需要的朋友可以參考下2014-08-08基于jQuery的可用于選項(xiàng)卡及幻燈的切換插件
最近公司項(xiàng)目頁面中用到選項(xiàng)卡與幻燈比較多,特地寫了個(gè)集選項(xiàng)卡、幻燈片與播放控制于一體的插件,同頁面可多次使用。2011-03-03jquery實(shí)現(xiàn)點(diǎn)擊變換導(dǎo)航樣式的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)點(diǎn)擊變換導(dǎo)航樣式的方法,可實(shí)現(xiàn)點(diǎn)擊導(dǎo)航菜單選項(xiàng)時(shí)動(dòng)態(tài)變換對應(yīng)選中項(xiàng)樣式的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08jQuery圓形統(tǒng)計(jì)圖開發(fā)實(shí)例
這篇文章主要介紹了jQuery圓形統(tǒng)計(jì)圖開發(fā)的方法,實(shí)例分析了circliful插件的用法與使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01jQuery實(shí)現(xiàn)的表格前端排序功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的表格前端排序功能,涉及jQuery針對表格元素的獲取、遍歷及事件響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2017-09-09