javascript - 无法使用 jquery 更改链接的 id 和文本

Question

我的 View 中有以下链接:

<a href="#" id="delete">Delete Data</a> 

当我点击它时，数据可以成功删除，但我也想更改该链接的 ID 和文本。您能检查一下我下面的代码有什么问题吗？

$("#delete").click(function() {

    var self = this;

    //delete the data
    $(self).attr('id', 'restore');
    $(self).attr('text', 'Restore Data');
}

Answer 1

使用 .text() 而不是 attr 来更改文本

$(self).text("newtext") 

.attr('id') 应该可以工作

 $(self).attr('id','restore')

但是如果您希望 anchor 在 id 更改后使用另一个事件 unbind() 单击或使用像这样的事件委托(delegate)，这不会删除单击事件

$(staticParentElement).on('click','#delete',function(){
/*code*/
});

$(staticParentElement).on('click','#restore',function(){
/*code*/
});