jQuery如何实现动态删除LI

jQuery实现动态删除LI的方法:1、使用not判断,代码为【$(“ul>li”).not(“:eq(0)”).remove()】;2、使用filter判断,代码为【$(“ul>li”).filter(function(index)】。

jQuery如何实现动态删除LI

本教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

推荐: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();

登录后复制

相关免费学习推荐:javascript(视频)

以上就是jQuery如何实现动态删除LI的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2719381.html

(0)
上一篇 2025年3月7日 22:25:52
下一篇 2025年2月25日 19:17:03

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论