jQuery如何實作動態刪除LI

jQuery實作動態刪除LI的方法：1、使用not判斷，程式碼為【$("ul>li").not(":eq(0)").remove()】；2、使用filter判斷，程式碼為【$("ul>li").filter(function(index)】。

##本教學操作環境：windows7系統、 jquery3.2.1版本，DELL G3電腦。

推薦：

jquery影片教學

jQuery實作動態刪除LI的方法：

#我們有時候知道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##（影片）

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