首頁 > web前端 > js教程 > 主體

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

小云云
發布: 2018-01-10 11:24:24
原創
1343 人瀏覽過

本文主要介紹了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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板