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 22 jQuery
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
Aug 01 jQuery
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
JavaScript实现离开页面前提示功能【附jQuery实现方法】
Sep 26 jQuery
jquery自定义显示消息数量
Dec 19 jQuery
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 jQuery
jQuery实现表单动态添加与删除数据操作示例
Jul 03 jQuery
jQuery实现checkbox全选功能完整实例
Jul 12 jQuery
jQuery操作元素追加内容示例
Jan 10 jQuery
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 jQuery
JQuery绑定事件四种实现方法解析
Dec 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图片上传类带图片显示
2006/11/25 PHP
php异常处理使用示例
2014/02/25 PHP
PHP定时任务延缓执行的实现
2014/10/08 PHP
php模拟post提交数据的方法
2015/02/12 PHP
PHP正则表达式之捕获组与非捕获组
2015/11/06 PHP
用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平
2007/04/20 Javascript
JS测试显示屏分辨率以及屏幕尺寸的方法
2013/11/22 Javascript
CSS3,HTML5和jQuery搜索框集锦
2014/12/02 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
2015/01/13 Javascript
JS中prototype的用法实例分析
2015/03/19 Javascript
学习使用jquery iScroll.js移动端滚动条插件
2020/03/24 Javascript
Bootstrap表单布局样式代码
2016/05/31 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
2016/06/17 Javascript
easyui combobox开启搜索自动完成功能的实例代码
2016/11/08 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
2017/06/20 Javascript
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
2018/04/21 Javascript
express + jwt + postMan验证实现持久化登录
2019/06/05 Javascript
百度小程序之间的页面通信过程详解
2019/07/18 Javascript
vue 实现微信浮标效果
2019/09/01 Javascript
python代码实现ID3决策树算法
2017/12/20 Python
Python实现的读写json文件功能示例
2018/06/05 Python
对python中xlsx,csv以及json文件的相互转化方法详解
2018/12/25 Python
对Python模块导入时全局变量__all__的作用详解
2019/01/11 Python
Python使用random模块生成随机数操作实例详解
2019/09/17 Python
python对数组进行排序,并输出排序后对应的索引值方式
2020/02/28 Python
使用python库xlsxwriter库来输出各种xlsx文件的示例
2020/09/01 Python
微信浏览器取消缓存的方法
2015/03/28 HTML / CSS
NBA欧洲商店(英国):NBA Europe Store UK
2018/07/27 全球购物
三年级班级文化建设方案
2014/05/04 职场文书
领导班子对照检查材料
2014/09/22 职场文书
公司离职证明标准格式
2014/11/18 职场文书
婚礼答谢礼品
2015/01/20 职场文书
学校禁毒宣传活动总结
2015/05/08 职场文书
雷锋之歌观后感
2015/06/10 职场文书
签约仪式致辞
2015/07/30 职场文书
2019年大学生职业生涯规划书最新范文
2019/03/25 职场文书