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实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
jquery实现用户登陆界面(示例讲解)
Sep 06 jQuery
jQuery ajax读取本地json文件的实例
Oct 31 jQuery
jQuery中each方法的使用详解
Mar 18 jQuery
jQuery基于Ajax实现读取XML数据功能示例
May 31 jQuery
jQuery模拟12306城市选择框功能简单实现方法示例
Aug 13 jQuery
jQuery实现轮播图源码
Oct 23 jQuery
jquery实现图片放大镜效果
Dec 23 jQuery
JS+JQuery实现无缝连接轮播图
Dec 30 jQuery
jQuery冲突问题解决方法
Jan 19 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
php visitFile()遍历指定文件夹函数
2010/08/21 PHP
PHP下利用shell后台运行PHP脚本,并获取该脚本的Process ID的代码
2011/09/19 PHP
yii2.0使用Plupload实现带缩放功能的多图上传
2015/12/22 PHP
PHP内核探索之解释器的执行过程
2015/12/22 PHP
php构造方法中析构方法在继承中的表现
2016/04/12 PHP
对YUI扩展的Gird组件 Part-2
2007/03/10 Javascript
jQuery 获取URL参数的插件
2010/03/04 Javascript
Jquery 最近浏览过的商品的功能实现代码
2010/05/14 Javascript
JQuery Study Notes 学习笔记(一)
2010/08/04 Javascript
使用JS CSS去除IE链接虚线框的三种方法
2013/11/14 Javascript
JS delegate与live浅析
2013/12/21 Javascript
javascript的switch用法注意事项分析
2015/02/02 Javascript
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
2016/01/19 Javascript
JS 终止执行的实现方法
2016/11/24 Javascript
浅谈jQuery before和insertBefore的区别
2016/12/04 Javascript
JavaScript制作简易计算器(不用eval)
2017/02/05 Javascript
深究AngularJS之ui-router详解
2017/06/13 Javascript
JavaScript ES6中const、let与var的对比详解
2017/06/18 Javascript
Node.js+Express+MySql实现用户登录注册功能
2017/07/10 Javascript
深入浅析javascript继承体系
2017/10/23 Javascript
详解微信小程序canvas圆角矩形的绘制的方法
2018/08/22 Javascript
Nodejs模块的调用操作实例分析
2018/12/25 NodeJs
Python中使用PyHook监听鼠标和键盘事件实例
2014/07/18 Python
使用Python抓取模板之家的CSS模板
2015/03/16 Python
Python中列表list以及list与数组array的相互转换实现方法
2017/09/22 Python
利用4行Python代码监测每一行程序的运行时间和空间消耗
2020/04/22 Python
Django中文件上传和文件访问微项目的方法
2020/04/27 Python
python中HTMLParser模块知识点总结
2021/01/25 Python
详解Canvas 实现炫丽的粒子运动效果(粒子生成文字)
2018/02/01 HTML / CSS
丝芙兰新加坡官网:Sephora新加坡
2018/12/04 全球购物
Jacques Lemans德国:奥地利钟表品牌
2019/12/26 全球购物
小学毕业家长寄语
2014/01/19 职场文书
2014年店长工作总结
2014/11/17 职场文书
敬老院义诊活动总结
2015/05/07 职场文书
卫生院艾滋病宣传活动总结
2015/05/09 职场文书
毕业论文答辩演讲稿
2015/06/23 职场文书