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插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
Mar 23 jQuery
jQuery 实现双击编辑表格功能
Jun 19 jQuery
如何快速解决JS或Jquery ajax异步跨域的问题
Jan 08 jQuery
Angular5中调用第三方库及jQuery的添加的方法
Jun 07 jQuery
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
jQuery实现的隔行变色功能【案例】
Feb 18 jQuery
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
Feb 27 jQuery
jquery获取input输入框中的值
Nov 13 jQuery
jQuery实现简单QQ聊天框
Aug 27 jQuery
jQuery实现回到顶部效果
Oct 19 jQuery
jquery实现异步文件上传ajaxfileupload.js
Oct 23 jQuery
使用jquery实现轮播图效果
Jan 02 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下用cookie统计用户访问网页次数的代码
2010/05/09 PHP
基于AppServ,XAMPP,WAMP配置php.ini去掉警告信息(NOTICE)的方法详解
2013/05/07 PHP
PHP的变量类型和作用域详解
2014/03/12 PHP
Smarty模板学习笔记之Smarty简介
2014/05/20 PHP
PHP基于CURL进行POST数据上传实例
2014/11/10 PHP
一个经典的PHP文件上传类分享
2014/11/18 PHP
php curl 模拟登录并获取数据实例详解
2016/12/22 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
可缩放Reloaded-一个针对可缩放元素的复用组件
2007/03/10 Javascript
javascript 数组排序函数
2009/08/20 Javascript
jQuery实现可用于博客的动态滑动菜单完整实例
2015/09/17 Javascript
JS获取url参数、主域名的方法实例分析
2016/08/03 Javascript
jQuery向父辈遍历的简单方法
2016/09/18 Javascript
BootStrap 可编辑表Table格
2016/11/24 Javascript
jQuery Masonry瀑布流插件使用方法详解
2017/01/18 Javascript
Vue Element使用icon图标教程详解(第三方)
2018/02/07 Javascript
JavaScript获取用户所在城市及地理位置
2018/04/21 Javascript
详解在Node.js中发起HTTP请求的5种方法
2019/01/10 Javascript
通过图带你深入了解vue的响应式原理
2019/06/21 Javascript
JS实现继承的几种常用方式示例
2019/06/22 Javascript
原生JS实现萤火虫效果
2020/03/07 Javascript
Nuxt.js 静态资源和打包的操作
2020/11/06 Javascript
python列表的常用操作方法小结
2016/05/21 Python
Python中asyncore异步模块的用法及实现httpclient的实例
2016/06/28 Python
解决python3中解压zip文件是文件名乱码的问题
2018/03/22 Python
Python通过属性手段实现只允许调用一次的示例讲解
2018/04/21 Python
python: 判断tuple、list、dict是否为空的方法
2018/10/22 Python
Pytorch 定义MyDatasets实现多通道分别输入不同数据方式
2020/01/15 Python
Python netmiko模块的使用
2020/02/14 Python
浅谈移动端网页图片预加载方案
2018/11/05 HTML / CSS
.net软件工程师面试题
2015/03/31 面试题
C#的几个面试问题
2016/05/22 面试题
工作表现评语
2014/01/19 职场文书
护士毕业实习感言
2014/03/05 职场文书
团日活动总结书
2014/05/08 职场文书
物业管理专业自荐信
2014/07/01 职场文书