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

改为使用jQuerys .attr()。

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

有效的演示：

http://jsfiddle.net/r8vr6u49/

Answer 2

.attr('id','addfriend')

你不能在jQuery对象上使用javascript setAttribute

Answer 3

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

Answer 4

<强> HTML

<div id="friend">Hello</div>

<强>脚本

$('#friend').on('click', function() {
   $(this).attr('id', 'unfriend').html("text to be updated"); 
});

Answer 5

$('#unfriend').attr("id","newId");

这会改变div的id

应用点击事件或任何jquery事件动态更改必须使用的div

$(document).on('event',id,function(){});

在函数内部给出代码

使用Javascript动态更改html元素id

5 个答案: