jQuery實作動態刪除LI實例分享

本文主要介紹了jQuery實現動態刪除LI的方法,結合實例形式分析了jQuery針對頁面元素動態操作相關實現技巧,需要的朋友可以參考下，希望能幫助到大家。

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

可以使用

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

這個方式可以刪除不是第一個li的其他所有li.

我這邊是用：

$(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();

相關推薦：

javascript如何快速的動態刪除與刪除dom元素程式碼詳解

如何實現動態刪除javascript函數_javascript技巧

JS實現從表格中動態刪除指定行的方法_javascript技巧

以上是jQuery實作動態刪除LI實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！