如何使用 jquery 在 ul 中刪除動態添加的 li

Question

當點擊事件被觸發時，如何動態刪除 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

試試 $(".wrapper-n ul").children('li').remove();