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

Javascript 如何在jQuery mobile中替换按钮文本,javascript,jquery,html,Javascript,Jquery,Html,以下是我的应用程序代码: <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"

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

<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>");
    
    $(“#UserLoginButtonP1”).html(“注销”);
    
    如何将登录替换为注销文本?

    试试这个

    如果要替换按钮文本,当单击按钮时,表示下面给出的代码将起作用

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

    在您的场景中,您希望更改
    span
    的文本,因此可以使用
    span
    css类名,就像单击事件一样

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

    (或)

    如果要在
    单击事件中执行此操作,请使用下面给出的代码

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

    改用
    on()
    函数

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


    正在演示

    中没有ID为UserLoginButtonP1的元素…这是您问题的解决方案之一。这取决于你如何让它为你的代码工作。
       var test = $("#UserLoginButtonP5").html();
        test = test.replace('Login', 'Logout');
        $("#UserLoginButtonP5").html(test);