jQuery实现动态删除LI的方法


Posted in jQuery onMay 30, 2017

本文实例讲述了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程序设计有所帮助。

jQuery 相关文章推荐
jQuery+ajax实现修改密码验证功能实例详解
Jul 06 jQuery
jQuery实现键盘回车搜索功能
Jul 25 jQuery
jQuery获取复选框选中的当前行的某个字段的值
Sep 15 jQuery
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
浅谈jquery fullpage 插件增加头部和版权的方法
Mar 20 jQuery
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 jQuery
jQuery中DOM操作原则实例分析
Aug 01 jQuery
使用jQuery实现掷骰子游戏
Oct 24 jQuery
jQuery实现简单聊天室
Feb 08 jQuery
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
Apr 01 jQuery
jquery实现拖拽添加元素功能
Dec 01 jQuery
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 01 jQuery
jQuery异步提交表单实例
May 30 #jQuery
Angular2使用jQuery的方法教程
May 28 #jQuery
Jquery中attr与prop的区别详解
May 27 #jQuery
jQuery插件imgAreaSelect基础讲解
May 26 #jQuery
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
May 26 #jQuery
jQuery导航条固定定位效果实例代码
May 26 #jQuery
bootstrap+jQuery实现的动态进度条功能示例
May 25 #jQuery
You might like
php木马攻击防御之道
2008/03/24 PHP
微信公众平台开发实现2048游戏的方法
2015/04/15 PHP
PHP session文件独占锁引起阻塞问题解决方法
2015/05/12 PHP
php 输入输出流详解及示例代码
2016/08/25 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
基于node.js的快速开发透明代理
2010/12/25 Javascript
js判断60秒以及倒计时示例代码
2014/01/24 Javascript
AngularJS学习笔记之基本指令(init、repeat)
2015/06/16 Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
2018/02/26 Javascript
python获取各操作系统硬件信息的方法
2015/06/03 Python
详解在Python程序中自定义异常的方法
2015/10/16 Python
python 寻找优化使成本函数最小的最优解的方法
2017/12/28 Python
Python+matplotlib绘制不同大小和颜色散点图实例
2018/01/19 Python
Python调用adb命令实现对多台设备同时进行reboot的方法
2018/10/15 Python
pygame实现俄罗斯方块游戏(AI篇2)
2019/10/29 Python
解决Python 异常TypeError: cannot concatenate 'str' and 'int' objects
2020/04/08 Python
pyinstaller打包找不到文件的问题解决
2020/04/15 Python
使用OpenCV去除面积较小的连通域
2020/07/05 Python
美国狗旅行和户外用品领先供应商:kurgo
2020/08/18 全球购物
聚网科技C++面试笔试题
2015/09/01 面试题
职称自我鉴定
2013/10/15 职场文书
区三好学生主要事迹
2014/01/30 职场文书
《乡下孩子》教学反思
2014/04/17 职场文书
小学教师师德演讲稿
2014/05/06 职场文书
2014年纪检部工作总结
2014/11/12 职场文书
合理化建议书
2015/02/04 职场文书
推广普通话的宣传语
2015/07/13 职场文书
八年级历史教学反思
2016/02/19 职场文书
个人销售励志奋斗口号
2019/12/05 职场文书
导游词之永济鹳雀楼
2020/01/16 职场文书
PHP实现rar解压读取扩展包小结
2021/06/03 PHP
Python 发送SMTP邮件的简单教程
2021/06/24 Python
使用Redis实现实时排行榜功能
2021/07/02 Redis
漫画「处刑少女的生存之道」第3卷封面公开
2022/03/21 日漫
Nginx 配置 HTTPS的详细过程
2022/05/30 Servers