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

發(fā)布時(shí)間：2020-09-15 17:21:22 來(lái)源：腳本之家閱讀：153 作者：藍(lán)色水欄目：web開發(fā)

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

我們有時(shí)候知道UL的id，但是苦不堪言的找不到LI進(jìn)行清除，這邊有一些辦法可以參考，設(shè)置Li的id是不錯(cuò)的方法，但是千萬(wàn)別設(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頁(yè)面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》

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

向AI問(wèn)一下細(xì)節(jié)

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

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽