更改按钮文字jQuery Mobile

Question

我正在使用新的jquery mobile 1.0 alpha
1版本来构建移动应用程序，我需要能够切换按钮的文本。切换文本效果很好，但是一旦执行文本替换，css格式就会被破坏。

    <div class="ui-bar">
        <a data-role="button" href="#" onclick="Podcast.play(); return false" id="play">Play</a>
        <a data-role="button" href="#" onclick="Podcast.download(); return false" id="download">Download</a>
        <a data-role="button" href="#" onclick="Podcast.consumed(); return false" id="consumed">Mark Old</a>
    </div>

$("#consumed").text("Mark New");

Answer 1

创建按钮时，它会添加一些其他元素，例如一些内部<span>元素，如下所示：

<a data-role="button" href="#" onclick="Podcast.consumed(); return false" id="consumed">
  <span class="ui-btn-inner ui-btn-corner-all">
    <span class="ui-btn-text">Mark Old</span>
  </span>
</a>

要更改文本，您需要以下选择器：

$("#consumed .ui-btn-text").text("Mark New");