JavaScript でボタンのテキストを動的に書き換えたくなることは多々ある。
jQuery Mobile を使用していて、Button の中身の書き換え方で、少し手間取ったので、メモを残す。
仮に
<a id="button" href="#" data-role="button">hoge</a>
のようなボタンを作り、JavaScript で hoge を fuga に変えたくなった場合、
$('#button .ui-btn-text').text("fuga");
とすればよい。クラスとして、ui-btn-text を指定ないと、テキストは変わるがボタンのサイズがおかしくなってしまう。