通过弹出消息确认删除（jQuery）

我有一个按钮，上面有class

。delete

单击它时，我想运行jQuery代码。
首先，我想这样做：

$（'.pop-up-alert'）.addClass（'clicked'）

然后我需要用if/else if/else语句运行一个函数

如果单击了
.no btn
，我想这样做：

$（'.pop-up-alert'）.removeClass（'clicked'）

否则，如果单击了
.yes btn
，我想这样做：

$（.delete）.parent（）.remove（）
//实际上我只需要删除带有
的父项。删除已单击的类子项（我需要以某种方式使用
此
，但我不知道如何使用）

否则，我将再次应用此代码：

$（'.pop-up-alert'）.removeClass（'clicked'）

关键是，如果用户单击“删除”按钮，他将获得一个弹出窗口，可以确认删除。如果他单击YES，jQuery将删除
.delete
父项。如果否，弹出窗口将被隐藏（使用CSS中的
。单击
类）。但如果他点击其他任何地方，弹出窗口将被隐藏

如果我理解正确，代码应该是这样的：

$('.delete').click(function() {
    $('.pop-up-alert').addClass('clicked');
    function() {
        if ($('.no-btn').click()) {
            $('.pop-up-alert').removeClass('clicked');
        } else if ($('.yes-btn').click()) {
            $(.delete).parent().remove();
        } else {
            $('.pop-up-alert').removeClass('clicked');          
        };
    };
});

但它不起作用。
请帮忙，为什么不简化一下？没有必要使用
if{…}else{…}
语句。只需让jQuery检测单击事件，请参见我的演示：


//删除函数
$（'.delete'）。单击（函数（）{
var parent=$（this）.parent（）；//获取删除按钮的父级
$（'.pop-up-alert'）.addClass（'clicked'）；//显示弹出窗口
//如果用户单击“否”
$（'.no btn'）。单击（函数（）{
$（'.pop-up-alert'）.removeClass（'clicked'）；//删除弹出窗口
});
//如果用户单击yes（是）
$（'.yes btn'）。单击（函数（）{
parent.remove（）；//删除父项
$（'.pop-up-alert'）.removeClass（'clicked'）；//隐藏弹出窗口
});
});
。弹出警报{
显示：无；
填充：1em；
边缘：1米；
边框：1px纯黑；
}
。弹出警报。单击{
显示：块；
}

你确定吗
项目1
第2项
您看过jquery ui的功能了吗？