Html 在jQuery mobile中更改锚文本而不破坏布局

如何在不破坏布局的情况下更改锚文本？在这种情况下，当我触发函数时，布局就完全被破坏了。我想保留图标，只更改文本

HTML:

<a href=# id="change">login</a>
<footer id="footer" data-role="footer" data-position="fixed">
  <div id="nav" data-role="navbar">
    <ul>
      <li><a href="#" data-icon="home" data-iconpos="bottom">Home</a></li>
      <li><a href="#login" data-icon="gear" data-iconpos="bottom" data-transition="flip" class="ui-btn-active ui-state-persist">Login</a></li>
      <li><a href="#info" data-icon="info" data-iconpos="bottom" data-transition="flip">Info</a></li>
    </ul>
  </div>
</footer>

$(function(){
  $("#change").click(function(){
    $("li:nth-child(2) a").text("Profile");
  });
});

这是

---

谢谢

您正试图替换

a

中从

link

到

profile

的文本，从而去掉其中的整个标记。你得更深入一点

设置

data icon=somevalue

后，jQM将在

a

标记内设置两个

span

元素，第一个用于文本，另一个用于图标。如果需要单独更改文本，则必须访问

a

中的

”.ui btn text“

类：

$("li:nth-child(2) a").find(".ui-btn-text").text("Profile");

演示：

希望这有帮助！：）

很乐意帮助：）请将答案标记为…呃。。回答这是否对你有帮助。此外，如果你认为这会帮助他人，请向上投票：）