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+ThinkPHP+Ajax实现即时消息提醒功能实例代码
Mar 21 jQuery
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
jquery 禁止鼠标右键并监听右键事件
Apr 27 jQuery
jQuery实现选中行变色效果(实例讲解)
Jul 06 jQuery
js案例之鼠标跟随jquery版(实例讲解)
Jul 21 jQuery
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
Aug 04 jQuery
jqueryUI tab标签页代码分享
Oct 09 jQuery
jQuery+ajax读取json数据并按照价格排序示例
Mar 28 jQuery
jQuery实现获取动态添加的标签对象示例
Jun 28 jQuery
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 jQuery
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
Jquery 动态添加元素并添加点击事件实现过程解析
Oct 12 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中用于检测一个地理IP地址是否可用的代码
2012/02/19 PHP
PHP通过微信跳转的Code参数获取用户的openid(关键代码)
2016/07/06 PHP
PHP实现简易blog的制作
2016/10/24 PHP
laravel5表单唯一验证的实例代码
2019/09/30 PHP
为你的 Laravel 验证器加上多验证场景的实现
2020/04/07 PHP
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
2010/11/28 Javascript
jquery图形密码实现方法
2015/03/11 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
2015/09/16 Javascript
Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析
2016/01/18 Javascript
jQuery中$.each()函数的用法引申实例
2016/05/12 Javascript
JS Canvas定时器模拟动态加载动画
2016/09/17 Javascript
vue-router配合ElementUI实现导航的实例
2018/02/11 Javascript
微信小程序实现列表页的点赞和取消点赞功能
2018/11/02 Javascript
微信小程序实现登录注册tab切换效果
2020/12/29 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
2019/02/21 Javascript
Node.js+ELK日志规范的实现
2019/05/23 Javascript
解决vue打包后vendor.js文件过大问题
2019/07/03 Javascript
js实现数字跳动到指定数字
2020/08/25 Javascript
[02:39]DOTA2英雄基础教程 极限穿梭编织者
2013/12/05 DOTA
Python基于sftp及rsa密匙实现远程拷贝文件的方法
2016/09/21 Python
Django 实现下载文件功能的示例
2018/03/06 Python
详解Django 中是否使用时区的区别
2018/06/14 Python
python3+PyQt5 使用三种不同的简便项窗口部件显示数据的方法
2019/06/17 Python
地图可视化神器kepler.gl python接口的使用方法
2020/12/22 Python
tensorflow2.0教程之Keras快速入门
2021/02/20 Python
寻找完美的房车租赁:RVShare
2019/02/23 全球购物
运动会四百米广播稿
2014/01/19 职场文书
机械设计毕业生自荐信
2014/02/02 职场文书
简历的自我评价
2014/02/03 职场文书
治超工作实施方案
2014/05/04 职场文书
超市开业庆典策划方案
2014/05/14 职场文书
幼儿园园长个人总结
2015/03/02 职场文书
2015年基层党建工作汇报材料
2015/06/25 职场文书
学生会干部任命书
2015/09/21 职场文书
python制作图形界面的2048游戏, 基于tkinter
2021/04/06 Python
python基础之爬虫入门
2021/05/10 Python