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);