javascript - 使用Javascript动态更改html元素id

Question

我设法使用 Javascript 更改按钮中的文本。

使用此代码

$("#unfriend").click(function(){
    $.post("/unfriend/<?= $friend_but->id ?>",
    function(data,status){
        //alert(data);
        if (data == 'ok') {
            alert(data);
            $('#unfriend').html('Add Friend');
        };
    });
});

但是我有一个问题，如何将 id #unfriend 更改为 #addfriend？

我添加了 $('#unfriend').setAttribute('id','addfriend'); 但它不起作用。当我还添加该代码时，按钮中的文本没有改变。

Answer 1

使用 jQuery .attr()相反。

$('#unfriend').attr('id','addfriend');

有效的演示:

http://jsfiddle.net/r8vr6u49/