jQuery實現(xiàn)動態(tài)刪除LI的方法

更新時間：2017年05月30日 15:00:05 作者：藍色水

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

本文實例講述了jQuery實現(xiàn)動態(tài)刪除LI的方法。分享給大家供大家參考，具體如下：

我們有時候知道UL的id，但是苦不堪言的找不到LI進行清除，這邊有一些辦法可以參考，設置Li的id是不錯的方法，但是千萬別設置成一個ID，到時候刪除只會刪除第一個

可以使用

$("#ul li").not(":first").remove();

這個方式可以刪除不是第一個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擴展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》

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

您可能感興趣的文章:

相關(guān)文章

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