有没有更好的方法来检查Jquery ui中的选中项可选？

Question

我有一个图像显示div，用户可以删除选定的图像。 这段代码工作良好，但所有的东西，我标记的地方，重复了一定数量的时间。 我曾尝试使用$（“。ui-selected”）。each（）来执行语句，直到选定的项被删除为止，但这并不起作用。

$("#containimage").bind("mousedown", function(e) {//this function give the ability to toggle selection
    e.metaKey = true;
}).selectable({
    selected: function() {

        $("#containimage img").each(function() {//check all the images inside the container
            if ($(this).hasClass("ui-selected")) {//check if it is selected

                $("#deleteselection").on("click", function() {//check when delete button is pressed

                    $(".ui-selected").each(function() {//apply for only selected
                        var imagepath = $(this).attr("src");

/*==============================everything from here==============================*/
                        console.log(imagepath);

//the $.get below is for passing the image path to the php file in order to delete via unlink
// i have no problem with the numerous repetition of the code but i know that this can be avoided for a better performance
                        $.get("delete_file.php", {
                            filepath: imagepath
                        }).done(function(data) {
                            console.log(data);
                            if (data == "file removed") {
                                $('.ui-selected').remove();
                            } else {}
                        });
/*==============================to here==============================*/
                    });
                });
            }
        });
    }
});

我也试过这样做一个超时，没有效果

 setTimeout(() => {
                        $(".ui-selected").each(function() {
                            var imagepath = $(this).attr("src");
                            console.log(imagepath);
                            $.get("delete_file.php", {
                                filepath: imagepath
                            }).done(function(data) {
                                console.log(data);
                                if (data == "file removed") {
                                    $('.ui-selected').remove();
                                } else {}
                            });
                        });
                    }, 500);

Answer 1

我看到您正在迭代$('.ui-selected').each，但是第一个可以删除整个列表$('.ui-selected').remove()。 尝试更改$('.ui-selected').remove()的$(this).remove()