jQuery如何实现动态删除LI


本文摘自PHP中文网,作者coldplay.xixi,侵删。

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,到时候删除只会删除第一个

可以使用

1

$("#ul li").not(":first").remove();

这个方式可以删除不是第一个li的其他所有li.

我这边是用:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

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

      }

     });

    }

  });

方法很多,还可以用:

阅读剩余部分

相关阅读 >>

mock jQuery怎么使用

jQuery如何判断元素中是否存在标签

jQuery框架是什么?

jQuery如何验证输入的是否为中文

jQuery怎么判断是否有某个属性

jQuery怎么判断是否为数组

如何解决jQuery ajax不兼容ie8的问题

jQuery怎么锁定焦点

jQuery怎样才能快速滚动到页面顶部

如何用jQuery让图片逐渐显示出来

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...