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

Question

如何在触发click事件时动态删除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);
                    }

                }
            });
    });
});

// index.html的

 <div class="wrapper-n">

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

编辑：我修复了我使用了错误的选择器。谢谢你的帮助。

Answer 1

使用.html('')，这将基本上删除你的所有li，你的ul将变为空：

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

Answer 2

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

Answer 3

尝试$（＆＃34; .wrapper-n ul＆＃34;）。children（＆＃39; li＆＃39;）。remove（）;