快捷導(dǎo)航

jQuery實(shí)現(xiàn)動(dòng)態(tài)刪除LI的方法

更新時(shí)間：2017年05月30日 15:00:05 作者：藍(lán)色水

這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)刪除LI的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(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é)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery 實(shí)現(xiàn)左右兩側(cè)菜單添加、移除功能
本文通過實(shí)例代碼給大家分享了jQuery 實(shí)現(xiàn)左右兩側(cè)菜單添加、移除功能，需要的朋友參考下吧
2018-01-01
jquery實(shí)現(xiàn)未經(jīng)美化的簡潔TAB菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)未經(jīng)美化的簡潔TAB菜單效果,涉及jquery鼠標(biāo)click事件實(shí)現(xiàn)頁面元素樣式動(dòng)態(tài)變換的功能,需要的朋友可以參考下
2015-08-08
jQuery層疊選擇器用法實(shí)例分析
這篇文章主要介紹了jQuery層疊選擇器用法,結(jié)合實(shí)例形式分析了jQuery層疊選擇器功能、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2019-06-06
jQuery Mobile中的button按鈕組件基礎(chǔ)使用教程
jQuery Mobile中的button默認(rèn)提供了很多用于制作移動(dòng)Web頁面按鈕的屬性,這里我們來整理一下jQuery Mobile中的button按鈕組件基礎(chǔ)使用教程,需要的朋友可以參考下
2016-05-05
推薦一款jQuery插件模板
這篇文章主要給大家推薦一款jQuery插件模板，這是本人最喜歡的一款了，原因很簡單，使用方便，可選擇性也比較多。有需要的小伙伴參考下吧
2015-01-01
jQuery替換節(jié)點(diǎn)元素的操作方法
這篇文章通過實(shí)例代碼給大家講解了jquery替換節(jié)點(diǎn)元素的操作方法及動(dòng)態(tài)頁面的實(shí)現(xiàn)代碼，非常不錯(cuò)，需要的朋友參考下吧
2018-03-03
jQuery實(shí)現(xiàn)發(fā)送驗(yàn)證碼控制按鈕禁用功能
最近接到新需求，需要實(shí)現(xiàn)一個(gè)點(diǎn)擊發(fā)送驗(yàn)證碼之后，按鈕禁用，在5秒之后取消禁用，看似需求很簡單，實(shí)現(xiàn)起來還真的好好動(dòng)動(dòng)腦筋，下面小編把jquery控制按鈕禁用核心代碼分享給大家，需要的朋友參考下吧
2021-07-07
超漂亮的jQuery圖片輪播特效
這篇文章為大家分享了超漂亮的jQuery圖片輪播特效，支持Ajax加載數(shù)據(jù)，響應(yīng)式布局，支持移動(dòng)端觸屏，功能強(qiáng)大，感興趣的小伙伴們可以參考一下
2015-11-11
jQuery 表單驗(yàn)證擴(kuò)展(三)
前些天寫了兩篇關(guān)于jQuery表單驗(yàn)證的文章，jQuery的插件還存在諸多問題，但是本人還在不斷努力更新中。本篇文章主要介紹jQuery表單驗(yàn)證中輸入文本內(nèi)容的范圍驗(yàn)證。
2010-10-10
jQuery的:parent選擇器定義和用法
jQuery的:parent選擇器匹配含有子元素或者文本的元素，空格也算是含有的元素，下面有幾個(gè)示例，大家可以學(xué)習(xí)下
2014-07-07