Javascript 当Jquery显示确认消息时，如何更改我的td之一的颜色？

在我的阵列中，我可能有不同的选项。当用户想要删除一行时，会弹出一条消息，确认您确实想要删除该行。我想通过添加一个类似“danger”的boostrap类来突出显示所选行。因此，当我点击按钮时，我试图添加类（“危险”）。问题是，当确认消息弹出时，该行没有颜色。只有在我取消以使弹出消息消失时，才会添加“危险”类。在弹出消息出现之前，我如何更改td的颜色

现在，我只有：

<a href="javascript:addRed('<?=$_POST['class']?>',<?=$instance->getID()?>);deleteInstance('<?=$_POST['class']?>',<?=$instance->getID()?>)" class="text-danger"><i class="glyphicon glyphicon-times"></i></a>

function addRed(className,id) {
    var supprClass = className;
    var supprId = id;
$("#"+ supprClass + "_" + supprId).addClass("danger");
console.log("classe mise");
}

function removeRed(className,id) {
    var supprClass = className;
    var supprId = id;
    $("#"+ supprClass + "_" + supprId).removeClass("danger");
    console.log("classe enlevée");
}

function deleteInstance(className,id, )
{
    if(confirm('Voulez-vous vraiment supprimer cet enregistrement ?\nOPERATION IRREVERSIBLE'))
    {
        $.blockUI();
        $.ajax
        ({
            url : 'action.php?action=deleteInstance',
            type : 'post',
            data : { 'class' : className, 'id' : id },
            dataType : 'json',
            success : function(response)
            {
                noty({ type : response.type, text : response.text });
                if(response.type=='success')
                    search();               
                $.unblockUI();
            },
            error: function (xhr, ajaxOptions, thrownError) {
                noty({ type : 'error', text : 'Erreur lors de la suppression de l\'enregistrement.' });
                $.unblockUI();
            }
        });
    }
    removeRed();
}

函数addRed（类名，id）{
var supperclass=className；
var supprId=id；
$（“#”+支持类+“#”+支持类）.addClass（“危险”）；
控制台日志（“E类mise”）；
}
已删除函数（类名，id）{
var supperclass=className；
var supprId=id；
$（“#”+支持类+“#”+支持类）。删除类（“危险”）；
console.log（“Enleveée类”）；
}
函数deleteInstance（类名，id）
{
如果（确认（'Voulez-vous vraiment Supplier cet Enregistration？\n操作不可逆'））
{
$.blockUI（）；
$.ajax
({
url:'action.php？action=deleteInstance'，
键入：“post”，
数据：{'class'：类名，'id'：id}，
数据类型：“json”，
成功：功能（响应）
{
noty（{type:response.type，text:response.text}）；
if（response.type=='success'）
搜索（）；
$.unbui（）；
},
错误：函数（xhr、ajaxOptions、thrownError）{
noty（{类型：'error'，文本：'Erreur lors de la suppression de l'enregistration.}）；
$.unbui（）；
}
});
}
去除（）；
}

对不起，我不是很清楚。我是初学者。

---

谢谢：）

能否尝试从

deleteInstance

方法内部调用

removeRed

方法？这两种方法都接受相同的参数，因此应该是无痛的。放在前面

if(confirm('Voulez-vous vraiment supprimer cet enregistrement ?\nOPERATION IRREVERSIBLE'))

函数deleteRow（类名，id）{
addRed（类名，id）；
setTimeout（函数（）{
deleteInstance（类名，id）；
}, 500);
}

您的函数可能同时执行，因此需要通过“setTimeout”函数为“deleteInstance”函数添加延迟

对我来说，最好的做法是在按钮上调用一个独特的函数，它将调用您需要的所有函数。这就是为什么我添加了“deleteRow”函数来调用您现有的两个函数

<a href="javascript:deleteRow('<?=$_POST['class']?>',<?=$instance->getID()?>);" class="text-danger"><i class="glyphicon glyphicon-times"></i></a>

function deleteRow(className, id) {
    addRed(className, id);
    setTimeout(function () {
        deleteInstance(className, id);
    }, 500);
}