Отключить кнопки в таблице после вызова ajax ⇐ Jquery

[Anonymous]

Я хочу отключить определенные кнопки в таблице. Эти кнопки находятся в таблице и отображаются в каждой строке.
Я хочу, чтобы в каждой строке таблицы была кнопка (В столбце действия). При нажатии кнопки она станет серой и станет недоступной для кликов.
Я попытался добавить это после успеха ajax
$('#addbtn').css('background-color', 'grey');
$('#addbtn').prop('disabled', true)

Как мне это сделать? Спасибо.
Это код, который у меня есть.







IP




ADD





#
Date
IP
action









$('#addbtn').click(function () {

$.ajax({
url: "/api/myapi/add/",
type: "POST",
dataType: "json",
data: JSON.stringify({ blockip: $('#ip').val(),name: name,action: "add" }),
contentType: "application/json;charset=utf-8",
success: function (res) {
console.log(res)
alert(res.msg)
$('#addbtn').css('background-color', 'grey'); //It's looks like not work
$('#addbtn').prop('disabled', false); //It's looks like not work
LoadIPList();

}
});

});

function LoadIPList() {
$.ajax({
url: "/api/myapi/showlist/",
type: "POST",
dataType: "json",
success: function (res) {
console.log(res)
let no = 1
let html = ''
html += '' + no + '' + res.result[0].timestamp + '' + res.result[0].route + ' Disable'
no++
res.result.shift()
res.result.forEach(function (item, index) {
html += '' + no + '' + item.timestamp + '' + item.route + ' Disable'
no++
})
$('#list').html(html)
$('.del').click(function () {
r = confirm('disable ?')
if (r) {
$.ajax({
url: "/api/myapi/disable/",
type: "POST",
dataType: "json",
data: JSON.stringify({ _id: $(this).parent().attr('data-id'), fn: 'route' }),
contentType: "application/json;charset=utf-8",
success: function (res) {
console.log(res)
alert(res.msg)
LoadIPList()
}
});
}
console.log($(this).parent().attr('data-id'))
})

}
});
}



Я попытался добавить это после успеха ajax
$('#addbtn').css('background-color', 'grey');
$('#addbtn').prop('disabled', true)


Подробнее здесь: https://stackoverflow.com/questions/786 ... -ajax-call