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扇形定时器插件pietimer使用方法详解
Jul 18 jQuery
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
一个有意思的鼠标点击文字特效jquery代码
Sep 23 jQuery
jquery中有哪些api jQuery主要API
Nov 20 jQuery
jQuery实现的点击标题文字切换字体效果示例【测试可用】
Apr 26 jQuery
Angular5中调用第三方库及jQuery的添加的方法
Jun 07 jQuery
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
jQuery实现高级检索功能
May 28 jQuery
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
Jun 18 jQuery
jQuery/JS监听input输入框值变化实例
Oct 17 jQuery
jQuery+ThinkPHP实现图片上传
Jul 23 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
PHP 使用header函数设置HTTP头的示例解析 表头
2013/06/17 PHP
php判断文件上传类型及过滤不安全数据的方法
2014/12/17 PHP
jQuery+PHP实现的掷色子抽奖游戏实例
2015/01/04 PHP
PHP实现实时生成并下载超大数据量的EXCEL文件详解
2017/10/23 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
php实现推荐功能的简单实例
2019/09/29 PHP
PHP如何防止用户重复提交表单
2020/12/09 PHP
In Javascript Class, how to call the prototype method.(three method)
2007/01/09 Javascript
JS创建优美的页面滑动块效果 - Glider.js
2007/09/27 Javascript
WordPress 照片lightbox效果的运用几点
2009/06/22 Javascript
jQuery ui 1.7更新小结
2009/08/15 Javascript
jQuery实现带延迟的二级tab切换下拉列表效果
2015/09/01 Javascript
7个jQuery最佳实践
2016/01/12 Javascript
JavaScript必知必会(二) null 和undefined
2016/06/08 Javascript
JavaScript中的冒泡排序法
2016/08/03 Javascript
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
2017/04/02 jQuery
解析NodeJS异步I/O的实现
2017/04/13 NodeJs
浅谈在node.js进入文件目录的问题
2018/05/13 Javascript
Vue动态加载图片在跨域时无法显示的问题及解决方法
2020/03/10 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
2020/04/22 Javascript
Vue自定义render统一项目组弹框功能
2020/06/07 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
2020/07/21 Javascript
[01:10:57]Liquid vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python 字符串操作实现代码(截取/替换/查找/分割)
2013/06/08 Python
用Python实现一个简单的线程池
2015/04/07 Python
Python基于回溯法子集树模板解决m着色问题示例
2017/09/07 Python
R语言 vs Python对比:数据分析哪家强?
2017/11/17 Python
Python实现的FTP通信客户端与服务器端功能示例
2018/03/28 Python
企业管理培训感言
2014/01/27 职场文书
风险评估实施方案
2014/03/09 职场文书
学校学雷锋活动总结
2014/06/26 职场文书
学校节能宣传周活动总结
2014/07/09 职场文书
暑假安全保证书
2015/02/28 职场文书
工作会议通知
2015/04/15 职场文书
Python绘制分类图的方法
2021/04/20 Python
win11无法添加打印机怎么办? 提示windows无法打开添加打印机的解决办法
2022/04/05 数码科技