javascript - 如何在单击按钮时更改按钮颜色、字形和文本？

Question

当我切换按钮并更改字形时，它可以正常工作。但我也想更改文本和颜色。这是我的代码

HTML

<button class="btn btn-primary">
   <i class="glyphicon glyphicon-plus">
        &nbsp;Add
</button>

Javascript

 $(document).ready(function() {
     $(':button').click(function(){
     $(this).find('i').toggleClass('glyphicon-plus').toggleClass('glyphicon-ok');
});

尝试这个对我没有帮助 - removeClass('btn-primary').addClass('btn-danger').text('chosen')

Answer 1

$(document).ready(function() {
     $(':button').click(function(){
    $(this).find('i').toggleClass('glyphicon-plus glyphicon-ok').toggleClass('btn-primary btn-danger' );
    });

toggleClass 函数可以接受 2 个参数。如果传递 2 个参数，它将根据当前应用于元素的类来切换一个关闭和一个打开。