クリックするとボタンの色、グリフコン、テキストをどのように変更できますか？

Question

ボタンを切り替えると正常に動作し、glyphiconsに変わります。 well.HereはJavascript

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

私を助けていないこれを試してみてください

Htmlの

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

私のコードであると私はまた、テキストや色を変更したい - 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つのparamsを渡すと、要素に現在適用されているクラスに応じて、1つをオフにし、1つをオンに切り替えます。