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实现的手风琴侧边菜单效果
Mar 29 jQuery
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
jQuery实现滚动到底部时自动加载更多的方法示例
Feb 18 jQuery
vue+jquery+lodash实现滑动时顶部悬浮固定效果
Apr 28 jQuery
jQuery实现ajax回调函数带入参数的方法示例
Jun 26 jQuery
jQuery实现模拟搜索引擎的智能提示功能简单示例
Jan 27 jQuery
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
jQuery实现每日秒杀商品倒计时功能
Sep 06 jQuery
jQuery Datatables 动态列+跨列合并实现代码
Jan 30 jQuery
jQuery实现回到顶部效果
Oct 19 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
ip签名探针
2006/10/09 PHP
php安全之直接用$获取值而不$_GET 字符转义
2012/06/03 PHP
解析thinkphp import 文件内容变量失效的问题
2013/06/20 PHP
php计算数组相同值出现次数的代码(array_count_values)
2015/01/20 PHP
php魔法函数与魔法常量使用介绍
2017/07/23 PHP
Laravel6.2中用于用户登录的新密码确认流程详解
2019/10/16 PHP
xmlHTTP实例
2006/10/24 Javascript
Jquery AutoComplete自动完成 的使用方法实例
2010/03/19 Javascript
通过javascript的匿名函数来分析几段简单有趣的代码
2010/06/29 Javascript
防止页面被iframe(兼容IE,Firefox火狐)
2010/07/04 Javascript
jquery实现更改表格行顺序示例
2014/04/30 Javascript
jQuery学习笔记之基础中的基础
2015/01/19 Javascript
JQuery标签页效果的两个实例讲解(4)
2015/09/17 Javascript
JavaScript计划任务后台运行的方法
2015/12/18 Javascript
jquery对象和DOM对象的任意相互转换
2016/02/21 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
2016/06/12 Javascript
学习使用jQuery表单验证插件和日历插件
2017/02/13 Javascript
单页面vue引入百度统计的使用方法示例详解
2018/10/13 Javascript
js页面加载后执行的几种方式小结
2020/01/30 Javascript
小程序中的箭头函数的具体使用
2020/06/19 Javascript
Vue在H5 项目中使用融云进行实时个人单聊通讯
2020/12/14 Vue.js
解决.ui文件生成的.py文件运行不出现界面的方法
2019/06/19 Python
python向字符串中添加元素的实例方法
2019/06/28 Python
Python中itertools的用法详解
2020/02/07 Python
Django模型中字段属性choice使用说明
2020/03/30 Python
keras读取h5文件load_weights、load代码操作
2020/06/12 Python
快速解决pymongo操作mongodb的时区问题
2020/12/05 Python
HTML5在线预览PDF的示例代码
2017/09/14 HTML / CSS
加拿大时尚床上用品零售商:QE Home | Quilts Etc
2018/01/22 全球购物
印尼在线旅游门户网站:NusaTrip
2019/11/01 全球购物
LVMH旗下最大的奢侈品网站平台:24S
2020/05/24 全球购物
初一英语教学反思
2014/01/11 职场文书
安全技术说明书
2014/05/09 职场文书
党的群众路线教育实践活动心得体会(乡镇)
2014/11/03 职场文书
2015最新婚礼司仪主持词
2015/06/30 职场文书
详解Mysql和Oracle之间的误区
2021/05/18 MySQL