热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

JQUERY动态删除LI

我们有时候知道UL的id,但是苦不堪言的找不到LI进行清除,这边有一些办法可以参考,设置Li的id是不错的方法,但是千万别设置成一个ID,到时候删除只会删除第一个可以使用$(

  我们有时候知道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();



推荐阅读
author-avatar
倒霉熊丶JO_205
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有