javascript - 如何在 jQuery mobile 中替换按钮文本

Question

以下是我的应用程序代码：

<li class="ui-block-e">
  <a href="#login" data-transition="slide" data-role="button" data-theme="b" data-mini="true" id="UserLoginButtonP5" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-btn-inline ui-mini ui-btn-up-b" data-inline="true">
    <span class="ui-btn-inner">
      <span class="ui-btn-text">Login</span>
    </span>
  </a>
</li>

jQuery替换代码：

$("#UserLoginButtonP1").html("<span class='ui-btn-inner'><span class='ui-btn-text'>Logout</span></span>");

如何将登录替换为注销文本？

Answer 1

改用on()函数

$(document)​​​​​​.on('click', '"#UserLoginButtonP5"',function(){
   $(this).find('span').find('span').text("Logout");
});​

演示

Answer 2

   var test = $("#UserLoginButtonP5").html();
    test = test.replace('Login', 'Logout');
    $("#UserLoginButtonP5").html(test);

jsfiddle上的工作演示

Answer 3

试试这个，

如果要替换按钮文本，单击按钮时意味着下面给出的代码将起作用。

$("#btn1")​​​​​​.click(function(){
   $(this).val("Logout");
});​

现场演示

在您的场景中，您想更改 的文本span，因此您可以使用span css 类名称作为点击事件，例如，

$(".ui-btn-text").bind('click',function(){
    $(this).html("Logout");
});​

现场演示

（或者）

您想在a点击事件中执行此操作，下面给出的代码将起作用，

$("#UserLoginButtonP5").bind('click',function(){
    $("#UserLoginButtonP5 .ui-btn-text").html("Logout");
    //$("#UserLoginButtonP5 .ui-btn-text").text("Logout"); ('text' will be work also)
});​

现场演示