jQuery怎么实现动态删除LI

发布时间：2020-12-25 09:20:27 阅读：208 作者：小新栏目：web开发

前端开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

这篇文章将为大家详细讲解有关jQuery怎么实现动态删除LI，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

jQuery实现动态删除LI的方法：1、使用not判断，代码为【$("ul>li").not(":eq(0)").remove()】；2、使用filter判断，代码为【$("ul>li").filter(function(index)】。

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

关于“jQuery怎么实现动态删除LI”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

jQuery怎么实现动态删除LI

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签