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 append与appendTo方法比较
May 24 jQuery
解决jQuery ajax动态新增节点无法触发点击事件的问题
May 24 jQuery
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
May 26 jQuery
jQuery+Ajax实现用户名重名实时检测
Jun 01 jQuery
利用jQuery异步上传文件的插件用法详解
Jul 19 jQuery
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
Jul 22 jQuery
关于JS与jQuery中的文档加载问题
Aug 22 jQuery
jQuery进阶实践之利用最优雅的方式如何写ajax请求
Dec 20 jQuery
基于jQuery实现Ajax验证用户名是否可用实例
Mar 25 jQuery
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
Apr 10 jQuery
jquery实现动态改变css样式的方法分析
May 27 jQuery
jQuery使用jsonp实现百度搜索的示例代码
Jul 08 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制作的意见反馈表源码
2007/03/11 PHP
php 输出双引号"与单引号'的方法
2010/05/09 PHP
PHP中空字符串介绍0、null、empty和false之间的关系
2012/09/25 PHP
解析mysql left( right ) join使用on与where筛选的差异
2013/06/18 PHP
thinkPHP线上自动加载异常与修复方法实例分析
2016/12/01 PHP
Laravel中使用Queue的最基本操作教程
2017/12/27 PHP
Javascript中的数学函数集合
2007/05/08 Javascript
js检查页面上有无重复id的实现代码
2013/07/17 Javascript
js实现带缓冲效果的仿QQ面板折叠菜单代码
2015/09/06 Javascript
JS实现网页每隔3秒弹出一次对话框的方法
2015/11/09 Javascript
整理Javascript流程控制语句学习笔记
2015/11/29 Javascript
Nodejs中 npm常用命令详解
2016/07/04 NodeJs
jQuery Ajax全解析
2017/02/13 Javascript
Vue2.0 从零开始_环境搭建操作步骤
2017/06/14 Javascript
AngularJs实现聊天列表实时刷新功能
2017/06/15 Javascript
详解vue-router和vue-cli以及组件之间的传值
2017/07/04 Javascript
JS 中使用Promise 实现红绿灯实例代码(demo)
2017/10/20 Javascript
vue 动态修改a标签的样式的方法
2018/01/18 Javascript
Angular模版驱动表单的使用总结
2018/05/05 Javascript
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
详解express使用vue-router的history踩坑
2019/06/05 Javascript
vue 全局环境切换问题
2019/10/27 Javascript
JavaScript实现随机点名程序
2020/03/25 Javascript
JavaScript实现多球运动效果
2020/09/07 Javascript
[01:36]DOTA2完美大师赛趣味视频之与队友相处的十万个技巧
2017/11/19 DOTA
python使用rabbitmq实现网络爬虫示例
2014/02/20 Python
Python 中开发pattern的string模板(template) 实例详解
2017/04/01 Python
python寻找list中最大值、最小值并返回其所在位置的方法
2018/06/27 Python
在python下读取并展示raw格式的图片实例
2019/01/24 Python
程序员的七夕用30行代码让Python化身表白神器
2019/08/07 Python
python TCP包注入方式
2020/05/05 Python
AmazeUI 平滑滚动效果的示例代码
2020/08/20 HTML / CSS
MAC Cosmetics巴西官方网站:M·A·C彩妆
2019/04/18 全球购物
卫生主题班会
2015/08/14 职场文书
Redis中缓存穿透/击穿/雪崩问题和解决方法
2021/12/04 Redis
Python绘制散点图之可视化神器pyecharts
2022/07/07 Python