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中文网其它相关文章！