Javascript 如何使用jquery删除ul中动态添加的li

Javascript 如何使用jquery删除ul中动态添加的li,javascript,jquery,event-handling,Javascript,Jquery,Event Handling,当单击事件触发时,如何动态删除li,因为我想加载新的li 我尝试了类似这样的东西$(“.wrapper-n ul”).empty()但不工作。它将继续添加新li 先谢谢你 $(function () { $.ajax({ ... .... ... success:function(data){ for (var id = 0; i <

当单击事件触发时,如何动态删除li,因为我想加载新的li

我尝试了类似这样的东西
$(“.wrapper-n ul”).empty()但不工作。它将继续添加新li

先谢谢你

$(function () {
        $.ajax({
            ...
            ....
            ...
            success:function(data){
                        for (var id = 0; i < data.length; i++) {
                        var dynamicli = '<li class="">' +
                        '<img src="path/to/image" class="_xy">' + data[i].name + '<i class="glyphicon glyphicon-user oncho"></i>' +
                        '<span class="myspan" id="' + data[i].id + '></span></li>';
                        $('#myullist').append(dynamicli);
                    }
             }

        });

    $('#myullist').on('click', '.oncho', function () {
        var id = $(this).find('span').attr('id');
        $(".wrapper-n ul").empty();
            $.ajax({
                ...
                ...
                success: function (data) {

                    for (var id = 0; i < data.length; i++) {
                                var dynamicli = '<li class="">' +
                                '<img src="path/to/image" class="_xy">' + data[i].name + '<i class="glyphicon glyphicon-user oncho"></i>' +
                                '<span class="myspan" id="' + data[i].id + '></span></li>';
                                $('#myullist').append(dynamicli);
                    }

                }
            });
    });
});
$(函数(){
$.ajax({
...
....
...
成功:功能(数据){
对于(var id=0;i”+
''+数据[i].名称+''+
“”;
$(“#myullist”).append(dynamicli);
}
}
});
});
});
//index.html

 <div class="wrapper-n">

    <ul id="myullist"></ul>
</div>

    编辑:我修复了使用错误选择器的问题。谢谢您的帮助。

    使用
    .html(“”)
    ,这将基本上消除您所有的li事实,您的ul将变为空:

    $(".wrapper-n ul").html('');
    

    在Jquery中使用
    .remove()
    方法。

    尝试$(“.wrapper-n ul”).children('li').remove()

    怎么办?它不工作了?打了
    .empty
    电话后,老李还在吗?另外,您的for循环是for(var id=0;i
    您的意思是拥有
    var i=0
    ?为什么一开始就有for循环?执行时没有定义
    数据
    变量。您可能出错了,您是否查看了控制台中的错误?@PatrickEvans我更新了我的帖子这将删除整个元素。这就是要实现的目标,对吗?完全删除旧的
    li
    ,然后添加新的
    li
    ?@AnoopJoshi你能解释一下为什么瓦伦和我的答案是错误的,我们应该投反对票吗?你理解这个问题的语法了吗?我们基本上只是逐字回答“elements.remove();”Jemz甚至没有提到整个元素不应该被删除。请解释你的答案。@Dropout现在好了吗?我不记得这个问题的上下文,但我注意到的一点是,$(“.wrapper-n ul”).empty()&$(“.wrapper-n ul”).children('li').remove();也会有同样的效果。不过我没有否决你的回答。