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插件FusionCharts绘制2D双折线图效果示例【附demo源码】
Apr 14 jQuery
基于JQuery的Ajax方法使用详解
Aug 16 jQuery
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 jQuery
使用jQuery 操作table 完成单元格合并的实例
Dec 27 jQuery
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 jQuery
使用JQuery自动完成插件Auto Complete详解
Jun 18 jQuery
9种方法优化jQuery代码详解
Feb 04 jQuery
jQuery实现颜色打字机的完整代码
Mar 19 jQuery
jQuery实现简单飞机大战
Jul 05 jQuery
jQuery实现全选按钮
Jan 01 jQuery
jQuery实现广告显示和隐藏动画
Jul 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
咖啡与牛奶
2021/03/03 冲泡冲煮
php将时间差转换为字符串提示
2011/09/07 PHP
php array_filter除去数组中的空字符元素
2020/06/21 PHP
PHP If Else(elsefi) 语句
2013/04/07 PHP
ThinkPHP3.1新特性之多数据库操作更加完善
2014/06/19 PHP
javascript 异常处理使用总结
2009/06/21 Javascript
20个非常有用的PHP类库 加速php开发
2010/01/15 Javascript
js 刷新页面的代码小结 推荐
2010/04/02 Javascript
让JavaScript拥有类似Lambda表达式编程能力的方法
2010/09/12 Javascript
qTip2 精致的基于jQuery提示信息插件
2012/02/17 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
2012/10/29 Javascript
jQuery实现 注册时选择阅读条款 左右移动
2013/04/11 Javascript
JavaScript自定义日期格式化函数详细解析
2014/01/14 Javascript
JS基于面向对象实现的放烟花效果
2015/05/07 Javascript
在javascript中随机数 math random如何生成指定范围数值的随机数
2015/10/21 Javascript
javascript瀑布流式图片懒加载实例解析与优化
2016/02/23 Javascript
javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
2016/10/10 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
2016/11/25 Javascript
Vue.js中Line第三方登录api的实现代码
2020/06/29 Javascript
Vue.js暴露方法给WebView的使用操作
2020/09/07 Javascript
[02:31]2014DOTA2国际邀请赛2009专访:干爹表现出乎意料 看好DK杀回决赛
2014/07/20 DOTA
Python类的基础入门知识
2008/11/24 Python
Python中用于去除空格的三个函数的使用小结
2015/04/07 Python
Python图形绘制操作之正弦曲线实现方法分析
2017/12/25 Python
python实现决策树分类
2018/08/30 Python
python elasticsearch从创建索引到写入数据的全过程
2019/08/04 Python
Python 元组拆包示例(Tuple Unpacking)
2019/12/24 Python
基于tensorflow指定GPU运行及GPU资源分配的几种方式小结
2020/02/03 Python
Keras设定GPU使用内存大小方式(Tensorflow backend)
2020/05/22 Python
pycharm 使用anaconda为默认环境的操作
2021/02/05 Python
CSS3 :default伪类选择器使用简介
2018/03/15 HTML / CSS
香港永安旅游网:Wing On Travel
2017/04/10 全球购物
毕业生个人的自我评价优秀范文
2013/10/03 职场文书
幼儿园中班教师寄语
2014/04/03 职场文书
经营目标责任书
2015/05/08 职场文书
python和Appium的移动端多设备自动化测试框架
2022/04/26 Python