如何根据从html到ajax的id属性替换带有文本的按钮

Question

我有很多产品，每个产品都有不同属性ID的按钮。单击该按钮，按钮的属性将传递给ajax函数，当我在警报消息中给出它时，我能够获得不同的属性ID。

现在我想用基于该属性ID的文本替换该按钮。

html代码：

<button bookid='".$row['bookid']."' id='book' type='button'>Add</button>

我的ajax代码是：

$("body").delegate("#book","click",function(event){

    event.preventDefault();
    var bid = $(this).attr('bookid');
    $.ajax({
        url : "login_action.php",
        method : "POST",
        data : {addToStore:1,bookid:bid},
        success : function(msg){
            if(msg == 0){
                alert('Already 1 product is added ');
            }else{
                $(bid).text('Added');
            }
        }
    })
})

问题是我无法用“已添加”文字替换按钮。