JQuery Mobile：单击按钮时更改按钮文本

我有一个问题，任何经验丰富的程序员谁可能能够帮助我和我的团队成员让我们的项目工作

问题是，我们正在使用JQuery mobile制作一个游戏，为了让游戏正常运行，我们需要通过简单地单击按钮来更改按钮的文本，然后在再次单击时再次更改

例如：如果按钮上有一个“O”，并且被按下，它将变为“X”，如果再次按下，它将再次变为“O”

我们一直在尝试许多不同的方法，但都没有成功，因为我们基本上是靠自己的努力，所以我们非常感谢对JQM有更好理解的人的建议

这里是一个到JSFIDLE的链接，其中包含我们已经制作的内容

这应该行得通

主要的技巧是按钮标题不是由按钮本身，而是由span标记生成

  <div class="ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c" data-theme="c" aria-disabled="false">
    <span class="ui-btn-inner ui-btn-corner-all">
      <span class="ui-btn-text">o</span>     <!-- too see the result you have to change this --> 
    </span>
    <input id="1" class="ingame ui-btn-hidden ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c" type="button" data-inline="true" data-role="button" value="o" aria-disabled="false" data-theme="c">
      <span class="ui-btn-inner ui-btn-corner-all">
        <span class="ui-btn-text"></span>
      </span>
    </input>
  </div>

o

这应该行得通

主要的技巧是按钮标题不是由按钮本身，而是由span标记生成

  <div class="ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c" data-theme="c" aria-disabled="false">
    <span class="ui-btn-inner ui-btn-corner-all">
      <span class="ui-btn-text">o</span>     <!-- too see the result you have to change this --> 
    </span>
    <input id="1" class="ingame ui-btn-hidden ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c" type="button" data-inline="true" data-role="button" value="o" aria-disabled="false" data-theme="c">
      <span class="ui-btn-inner ui-btn-corner-all">
        <span class="ui-btn-text"></span>
      </span>
    </input>
  </div>

o