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中封装函数传递当前元素的方法示例
May 05 jQuery
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
Jun 01 jQuery
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
jQuery代码优化方法总结
Jan 29 jQuery
详解jQuery中的isPlainObject()使用方法
Feb 27 jQuery
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
Apr 27 jQuery
jQuery实现checkbox全选功能完整实例
Jul 12 jQuery
jQuery插件实现非常实用的tab栏切换功能【案例】
Feb 18 jQuery
jQuery实现图片随机切换、抽奖功能(实例代码)
Oct 23 jQuery
jQuery实现简单全选框
Sep 13 jQuery
jQuery实现容器间的元素拖拽功能
Dec 01 jQuery
jquery实现淡入淡出轮播图效果
Dec 13 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
为php4加入动态flash文件的生成的支持
2006/10/09 PHP
php实现文件下载更能介绍
2012/11/23 PHP
ThinkPHP Mobile使用方法简明教程
2014/06/18 PHP
[原创]ThinkPHP让../Public在模板不解析(直接输出)的方法
2015/10/09 PHP
PHP版本的选择5.2.17 5.3.27 5.3.28 5.4 5.5兼容性问题分析
2016/04/04 PHP
php实现的简单多进程服务器类完整示例
2020/02/01 PHP
基于Jquery与WebMethod投票功能实现代码
2011/01/19 Javascript
浅析jquery某一元素重复绑定的问题
2014/01/03 Javascript
js跨域请求的5中解决方式
2015/07/02 Javascript
javascript正则表达式定义(语法)总结
2016/01/08 Javascript
js获取元素的外链样式的简单实现方法
2016/06/06 Javascript
JS HTML5拖拽上传图片预览
2016/07/18 Javascript
js转html实体的方法
2016/09/27 Javascript
vue首次赋值不触发watch的解决方法
2018/09/11 Javascript
vue-cli 3.x配置跨域代理的实现方法
2019/04/12 Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
2019/08/02 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
2020/04/10 Javascript
记录一次websocket封装的过程
2020/11/23 Javascript
[44:58]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第二场
2018/04/06 DOTA
Python实现定时任务
2017/02/08 Python
Ubuntu 下 vim 搭建python 环境 配置
2017/06/12 Python
Python中的Socket 与 ScoketServer 通信及遇到问题解决方法
2019/04/01 Python
Python实现初始化不同的变量类型为空值
2020/06/02 Python
recorder.js 基于Html5录音功能的实现
2020/05/26 HTML / CSS
SportsDirect.com马来西亚:英国第一体育零售商
2018/11/21 全球购物
Farfetch澳大利亚官网:Farfetch Australia
2020/04/26 全球购物
RealTek面试题
2016/06/28 面试题
小饰品店的创业计划书范文
2013/12/28 职场文书
运动会入场解说词
2014/02/07 职场文书
2014大学生中国梦主题教育学习思想汇报
2014/09/10 职场文书
三峡大坝导游词
2015/01/31 职场文书
2019销售早会主持词
2019/06/27 职场文书
Redis读写分离搭建的完整步骤
2021/09/14 Redis
python DataFrame中stack()方法、unstack()方法和pivot()方法浅析
2022/04/06 Python
使用Redis实现分布式锁的方法
2022/06/16 Redis
ssh服务器拒绝了密码 请再试一次已解决(亲测有效)
2022/08/14 Servers