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 28 jQuery
jQuery EasyUI之验证框validatebox实例详解
Apr 10 jQuery
jquery将标签元素的高设为屏幕的百分比
Apr 19 jQuery
jquery+css实现下拉列表功能
Sep 03 jQuery
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
jQuery实现的简单对话框拖动功能示例
Jun 05 jQuery
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
Feb 14 jQuery
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
jQuery实现容器间的元素拖拽功能
Dec 01 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
打造计数器DIY三步曲(下)
2006/10/09 PHP
比较全的PHP 会话(session 时间设定)使用入门代码
2008/06/05 PHP
php后台程序与Javascript的两种交互方式
2009/10/25 PHP
PHP正则替换函数preg_replace和preg_replace_callback使用总结
2014/09/22 PHP
PHP的cURL库简介及使用示例
2015/02/06 PHP
php防止sql注入简单分析
2015/03/18 PHP
jQuery学习4 浏览器的事件模型
2010/02/07 Javascript
ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
2012/12/11 Javascript
js获取单选框或复选框值及操作
2012/12/18 Javascript
js使用ajax读博客rss示例
2014/05/06 Javascript
浅谈JS原型对象和原型链
2016/03/02 Javascript
JavaScript自学笔记(必看篇)
2016/06/23 Javascript
js 动态给元素添加、移除事件的实现方法
2016/07/19 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
2016/10/25 Javascript
详解JavaScript中this的指向问题
2017/01/20 Javascript
微信小程序 JS动态修改样式的实现代码
2017/02/10 Javascript
Vue动态实现评分效果
2017/05/24 Javascript
微信小程序中button组件的边框设置的实例详解
2017/09/27 Javascript
React数据传递之组件内部通信的方法
2017/12/31 Javascript
React Native使用fetch实现图片上传的示例代码
2018/03/07 Javascript
动态内存分配导致影响Javascript性能的问题
2018/12/18 Javascript
JS实现的类似微信聊天效果示例
2019/01/29 Javascript
微信小程序实现bindtap等事件传参
2019/04/08 Javascript
微信小程序向Java后台传输参数的方法实现
2020/12/10 Javascript
[35:27]完美世界DOTA2联赛循环赛 GXR vs FTD BO2第二场 10.29
2020/10/29 DOTA
python搭建服务器实现两个Android客户端间收发消息
2018/04/12 Python
Pandas 按索引合并数据集的方法
2018/11/15 Python
谈谈Python中的while循环语句
2019/03/10 Python
python3中利用filter函数输出小于某个数的所有回文数实例
2019/11/24 Python
pyinstaller还原python代码过程图解
2020/01/08 Python
Python 实现键盘鼠标按键模拟
2020/11/18 Python
详解如何通过H5(浏览器/WebView/其他)唤起本地app
2017/12/11 HTML / CSS
eBay德国站:eBay.de
2017/09/14 全球购物
英国床和浴室商场:Bed & Bath Emporium
2018/05/20 全球购物
学年自我鉴定范文
2013/10/01 职场文书
《七月的天山》教学反思
2016/02/19 职场文书