javascript - jquery 按钮名称更改不起作用

Question

我查看了其他答案并尝试了一些方法，但我似乎无法更改按钮的名称。我知道 jquery 加载良好，并且我可以通过单击按钮来执行简单的警报脚本。但改名似乎并没有什么作用。我尝试过:attr 和text 函数。我也尝试过“this”而不是“#toggleAutoPlayBtn”还有其他建议吗？

<input type ="button" id="toggleAutoPlayBtn" value="PAUSE"/>    



var autoStart = true;
    $(document).on('click', '#toggleAutoPlayBtn', function(){
                if(autoStart) {
                    $('#toggleAutoPlayBtn').text('play');
                    autoStart = false;
               alert("play");
                } else {
                    $('#toggleAutoPlayBtn').text('pause');
                    autoStart = true;
               alert("pause");
                }
    });

我正在使用:

Answer 1

您使用的是 input type = button ，因此您不能使用 .text() 方法，因为它是在 value 属性中给出的。因此使用

检索它

 $('#toggleAutoPlayBtn').val('play');

否则使用button标签。

<button id="toggleAutoPlayBtn">PAUSE</button>

现在就可以了

 $('#toggleAutoPlayBtn').text('play');