jQuery实现动态删除LI的方法

 更新时间:2017年05月30日 15:00:05   作者:蓝色水  
这篇文章主要介绍了jQuery实现动态删除LI的方法,结合实例形式分析了jQuery针对页面元素动态操作相关实现技巧,需要的朋友可以参考下

本文实例讲述了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常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结

希望本文所述对大家jQuery程序设计有所帮助。

相关文章

  • jQuery 实现左右两侧菜单添加、移除功能

    jQuery 实现左右两侧菜单添加、移除功能

    本文通过实例代码给大家分享了jQuery 实现左右两侧菜单添加、移除功能,需要的朋友参考下吧
    2018-01-01
  • jquery实现未经美化的简洁TAB菜单效果

    jquery实现未经美化的简洁TAB菜单效果

    这篇文章主要介绍了jquery实现未经美化的简洁TAB菜单效果,涉及jquery鼠标click事件实现页面元素样式动态变换的功能,需要的朋友可以参考下
    2015-08-08
  • jQuery层叠选择器用法实例分析

    jQuery层叠选择器用法实例分析

    这篇文章主要介绍了jQuery层叠选择器用法,结合实例形式分析了jQuery层叠选择器功能、用法及相关操作注意事项,需要的朋友可以参考下
    2019-06-06
  • jQuery Mobile中的button按钮组件基础使用教程

    jQuery Mobile中的button按钮组件基础使用教程

    jQuery Mobile中的button默认提供了很多用于制作移动Web页面按钮的属性,这里我们来整理一下jQuery Mobile中的button按钮组件基础使用教程,需要的朋友可以参考下
    2016-05-05
  • 推荐一款jQuery插件模板

    推荐一款jQuery插件模板

    这篇文章主要给大家推荐一款jQuery插件模板,这是本人最喜欢的一款了,原因很简单,使用方便,可选择性也比较多。有需要的小伙伴参考下吧
    2015-01-01
  • jQuery替换节点元素的操作方法

    jQuery替换节点元素的操作方法

    这篇文章通过实例代码给大家讲解了jquery替换节点元素的操作方法及动态页面的实现代码,非常不错,需要的朋友参考下吧
    2018-03-03
  • jQuery实现发送验证码控制按钮禁用功能

    jQuery实现发送验证码控制按钮禁用功能

    最近接到新需求,需要实现一个点击发送验证码之后,按钮禁用,在5秒之后取消禁用,看似需求很简单,实现起来还真的好好动动脑筋,下面小编把jquery控制按钮禁用核心代码分享给大家,需要的朋友参考下吧
    2021-07-07
  • 超漂亮的jQuery图片轮播特效

    超漂亮的jQuery图片轮播特效

    这篇文章为大家分享了超漂亮的jQuery图片轮播特效,支持Ajax加载数据,响应式布局,支持移动端触屏,功能强大,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • jQuery 表单验证扩展(三)

    jQuery 表单验证扩展(三)

    前些天写了两篇关于jQuery表单验证的文章,jQuery的插件还存在诸多问题,但是本人还在不断努力更新中。本篇文章主要介绍jQuery表单验证中输入文本内容的范围验证。
    2010-10-10
  • jQuery的:parent选择器定义和用法

    jQuery的:parent选择器定义和用法

    jQuery的:parent选择器匹配含有子元素或者文本的元素,空格也算是含有的元素,下面有几个示例,大家可以学习下
    2014-07-07

最新评论