想请教前端的大大这个应该是很基本的问题
一开始在页面上列出很多个items，每个item会有一个加入的按钮
点了加入之后，就会透过ajax去call api在后端db纪录下来
到这边都没什么问题
但是想在前端把刚刚item的加入按钮变成不能点，文字也变成已加入
code snippet像这样
$('.btn-add-favorite').click(function(event) {
axios.post('/favorite/add', {
itemId: $(this).data("item-id")
})
.then(function (response) {
// handle success
$(this).attr('disabled', true);
$(this).html('已加入');
})
.catch(function (error) {
// handle error
});
});
不过显然在success那边用this不会是同样的node
通常这种应用要怎么找到原本的node呢？
目前想到的作法，就是每个item塞一个unique id
进到click后把id用变量存下来
success那边再用dom把这个id找出来处理
不知道比较好的作法是什么呢？
P.S. 我在ptt或facebook上找不太到适合讨论这类问题的板，有推荐的讨论区吗...
这个问题keyword不知道要下什么, stack overflow上不知道怎么找 T_T