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正则表达式在页面验证url网址输入是否正确
Apr 04 jQuery
jQuery简单绑定单个事件的方法示例
Jun 10 jQuery
使用jQuery实现页面定时弹出广告效果
Aug 24 jQuery
jQuery图片加载失败替换默认图片方法汇总
Nov 29 jQuery
jQuery发请求传输中文参数乱码问题的解决方案
May 22 jQuery
jQuery轻量级表单模型验证插件
Oct 15 jQuery
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 jQuery
如何使用CSS3+JQuery实现悬浮墙式菜单
Jun 18 jQuery
jQuery提示框插件SweetAlert用法分析
Aug 05 jQuery
jQuery表单校验插件validator使用方法详解
Feb 18 jQuery
jQuery 动态粒子效果示例代码
Jul 07 jQuery
jquery实现广告上下滚动效果
Mar 04 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 加密/解密函数 dencrypt(动态密文,带压缩功能,支持中文)
2009/01/30 PHP
linux下安装php的memcached客户端
2014/08/03 PHP
php中base_convert()进制数字转换函数实例
2014/11/20 PHP
在Laravel中实现使用AJAX动态刷新部分页面
2019/10/15 PHP
laravel框架使用FormRequest进行表单验证,验证异常返回JSON操作示例
2020/02/18 PHP
20个非常棒的Jquery实用工具 国外文章
2010/01/01 Javascript
基于jquery.Jcrop的头像编辑器
2010/03/01 Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
2013/02/02 Javascript
解析Jquery的LigerUI如何实现文件上传
2013/07/09 Javascript
JS滚轮事件onmousewheel使用介绍
2013/11/01 Javascript
使用 TypeScript 重新编写的 JavaScript 坦克大战游戏代码
2015/04/07 Javascript
JS命令模式例子之菜单程序
2016/10/10 Javascript
用js实现博客打赏功能
2016/10/24 Javascript
JS+canvas动态绘制饼图的方法示例
2017/09/12 Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
2018/03/01 Javascript
详解react关于事件绑定this的四种方式
2018/03/09 Javascript
微信小程序select下拉框实现源码
2019/11/08 Javascript
js 数组当前行添加数据方法详解
2020/07/28 Javascript
[02:16]DOTA2英雄基础教程 干扰者
2014/01/15 DOTA
[03:42]2016国际邀请赛中国区预选赛首日现场玩家采访
2016/06/26 DOTA
[59:35]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第一场 1月8日
2021/03/11 DOTA
深入解析Python中函数的参数与作用域
2016/03/20 Python
用Python和WordCloud绘制词云的实现方法(内附让字体清晰的秘笈)
2019/01/08 Python
python远程调用rpc模块xmlrpclib的方法
2019/01/11 Python
django迁移数据库错误问题解决
2019/07/29 Python
Python3连接Mysql8.0遇到的问题及处理步骤
2020/02/17 Python
Python字典实现伪切片功能
2020/10/28 Python
在PyCharm中安装PaddlePaddle的方法
2021/02/05 Python
世界上最大的折扣香水店:FragranceNet.com
2016/10/26 全球购物
加拿大当代时尚服饰、配饰和鞋类专业零售商和制造商:LE CHÂTEAU
2017/10/06 全球购物
全球烹饪课程的领先预订平台:Cookly
2020/01/28 全球购物
亿阳信通股份有限公司笔试题(C#)
2016/03/04 面试题
百度吧主申请感言
2014/01/12 职场文书
大学生毕业评语
2014/12/31 职场文书
导游词之苏州盘门景区
2019/11/12 职场文书
使用Java去实现超市会员管理系统
2022/03/18 Java/Android