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中$.fn和图片滚动效果实现的必备知识总结
Apr 21 jQuery
JQuery实现定时刷新功能代码
May 09 jQuery
jQuery遍历节点方法汇总(推荐)
May 13 jQuery
jQuery Datatables表头不对齐的解决办法
Nov 27 jQuery
jQuery 实现左右两侧菜单添加、移除功能
Jan 02 jQuery
jQuery中each和js中forEach的区别分析
Feb 27 jQuery
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
May 04 jQuery
jQuery内容选择器与表单选择器实例分析
Jun 28 jQuery
jquery 键盘事件 keypress() keydown() keyup()用法总结
Oct 23 jQuery
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
jquery更改元素属性attr()方法操作示例
May 22 jQuery
jquery实现抽奖功能
Oct 22 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
CodeIgniter生成网站sitemap地图的方法
2013/11/13 PHP
php获取文章上一页与下一页的方法
2014/12/01 PHP
PHP实现更改hosts文件的方法示例
2017/08/08 PHP
Laravel框架实现修改登录和注册接口数据返回格式的方法
2018/08/17 PHP
统一接口:为FireFox添加IE的方法和属性的js代码
2007/03/25 Javascript
用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平
2007/04/20 Javascript
jquery 将disabled的元素置为enabled的三种方法
2009/07/25 Javascript
Underscore.js 的模板功能介绍与应用
2012/12/24 Javascript
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
2015/10/28 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
2017/05/09 Javascript
angular中不同的组件间传值与通信的方法
2017/11/04 Javascript
微信小程序实现简单input正则表达式验证功能示例
2017/11/30 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
2018/08/14 Javascript
angularJs提交文本框数据到后台的方法
2018/10/08 Javascript
WebGL学习教程之Three.js学习笔记(第一篇)
2019/04/25 Javascript
跟老齐学Python之再深点,更懂list
2014/09/20 Python
python使用BeautifulSoup分析网页信息的方法
2015/04/04 Python
用Python编写脚本使IE实现代理上网的教程
2015/04/23 Python
python检查序列seq是否含有aset中项的方法
2015/06/30 Python
Python实现提取谷歌音乐搜索结果的方法
2015/07/10 Python
Python基于socket实现简单的即时通讯功能示例
2018/01/16 Python
python机器学习之神经网络实现
2018/10/13 Python
python 与服务器的共享文件夹交互方法
2018/12/27 Python
Python列表对象实现原理详解
2019/07/01 Python
英国Zoro工具:手动工具,电动工具和个人防护用品
2016/11/02 全球购物
秘鲁购物网站:Linio秘鲁
2017/04/07 全球购物
管理失职检讨书
2014/02/12 职场文书
入党自我鉴定
2014/03/25 职场文书
植树节口号
2014/06/21 职场文书
优秀党员学习焦裕禄精神思想汇报范文
2014/09/10 职场文书
银行开户授权委托书格式
2014/10/10 职场文书
预备党员群众路线教育实践活动思想汇报2014
2014/10/25 职场文书
公务员党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
2014年社区卫生工作总结
2014/12/18 职场文书
2015年监理工作总结范文
2015/04/07 职场文书
公司更名通知函
2015/04/24 职场文书