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绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
jQuery编写textarea输入字数限制代码
Mar 23 jQuery
简单实现jQuery弹幕效果
May 06 jQuery
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
May 15 jQuery
jquery dataTable 后台加载数据并分页实例代码
Jun 07 jQuery
React中jquery引用的实现方法
Sep 12 jQuery
jQuery简单实现向列表动态添加新元素的方法示例
Dec 25 jQuery
jQuery中ajax获取数据赋值给页面的实例
Dec 31 jQuery
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
jQuery实现获取及设置CSS样式操作详解
Sep 05 jQuery
jQuery实现的老虎机跑动效果示例
Dec 29 jQuery
JQuery获取元素尺寸、位置及页面滚动事件应用示例
May 14 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常用特殊运算符号和函数总结(php新手入门必看)
2013/02/02 PHP
php弹出对话框实现重定向代码
2014/01/23 PHP
一个经典的PHP验证码类分享
2014/11/18 PHP
php阿拉伯数字转中文人民币大写
2015/12/21 PHP
PHP基于方差和标准差计算学生成绩的稳定性示例
2017/07/04 PHP
PHP实现实时生成并下载超大数据量的EXCEL文件详解
2017/10/23 PHP
PHP实现登录验证码校验功能
2018/05/17 PHP
微信公众平台开发教程②微信端分享功能图文详解
2019/04/10 PHP
检测是否已安装 .NET Framework 3.5的js脚本
2009/02/14 Javascript
jQuery找出网页上最高元素的方法
2015/03/20 Javascript
jQuery使用hide方法隐藏指定元素class样式用法实例
2015/03/30 Javascript
jQuery插件jPaginate实现无刷新分页
2015/05/04 Javascript
JS截取与分割字符串常用技巧总结
2015/11/10 Javascript
animate 实现滑动切换效果【实例代码】
2016/05/05 Javascript
JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析
2016/05/24 Javascript
JavaScript类型系统之布尔Boolean类型详解
2016/06/26 Javascript
JS只能输入正整数的简单实例
2016/10/07 Javascript
简单实现JavaScript图片切换效果
2016/11/28 Javascript
BootStrap fileinput.js文件上传组件实例代码
2017/02/20 Javascript
Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果
2017/10/31 Javascript
使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)
2018/05/01 Javascript
微信端调取相册和摄像头功能,实现图片上传,并上传到服务器
2019/05/16 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
2020/05/09 Javascript
python生成器的使用方法
2013/11/21 Python
python字符串对其居中显示的方法
2015/07/11 Python
对Python中Iterator和Iterable的区别详解
2018/10/18 Python
在Python中实现函数重载的示例代码
2019/12/12 Python
美国高街时尚品牌:OASAP
2016/07/24 全球购物
触发器(trigger)的功能都有哪些?写出一个触发器的例子
2012/09/17 面试题
导师就业推荐信范文
2014/05/22 职场文书
关于保护环境的标语
2014/06/09 职场文书
中学生爱国演讲稿
2014/09/05 职场文书
师德师风整改措施
2014/10/24 职场文书
办公楼租房协议书范本
2014/11/25 职场文书
python基于机器学习预测股票交易信号
2021/05/25 Python
git中cherry-pick命令的使用教程
2022/06/25 Servers