Javascript 有没有办法用jQuery动态更改导航栏文本

我想知道是否有一种方法可以如上所示更改“供应商”菜单项，并在pageinit函数中使用jQuery将文本和图标更改为不同的内容？

这将找到一个包含字符串供应商的a元素，替换该字符串。然后，它可以删除图标的类，并用其他内容替换它

<div id="page1" data-role="page">
    <div data-role="header" data-position="fixed" align="center"><img src="img/VAWE-long-300x30-transparent.png" width="300" height="30" alt="" /></div>
    <div data-role="content" style="margin:0; padding:0;">
        <div id="wowslider-container1" style="padding-bottom:10px;">
            <div class="ws_images">
                <ul>
                    <li><img src="data1/images/catering_1.png" alt="" title="" id="wows1_0" /></li>
                    <li><img src="data1/images/rev._pamela_a._mann.png" alt="wowslider.com" title="" id="wows1_1" /></li>
                    <li><img src="data1/images/catering.png" alt="" title="" id="wows1_2" /></li>
                </ul>
            </div>
            <div class="ws_shadow"></div>
        </div>
        <script type="text/javascript" src="engine1/wowslider.js"></script>
        <script type="text/javascript" src="engine1/script.js"></script>
        <div style="padding-bottom:5px;">
            <img src="img/Wedding in a Box.png" style="width:100%!important;">
        </div>
        <div style="padding-bottom:5px;">
            <img src="img/Flutter My Shutter.png" style="width:100%!important;">
        </div>
        <div style="padding-bottom:5px;">
            <img src="img/Brock's riverside.png" style="width:100%!important;">
        </div>
    </div>
    <div data-role="footer" data-position="fixed">
        <div data-role="navbar" class="ui-nodisc-icon">
            <ul>
                <li><a href="#" class="ui-icon-home ui-btn-icon-top ui-btn-active">Home</a></li>
                <li><a href="#" class="ui-icon-calendar ui-btn-icon-top">Events</a></li>
                <li><a href="#" class="ui-icon-search ui-btn-icon-top">Vendors</a></li>
                <li><a href="#map" class="ui-icon-location ui-btn-icon-top">Map</a></li>
                <li><a href="#" onClick="loginCheck()" class="ui-icon-user ui-btn-icon-top">Profile</a></li>
            </ul>
        </div>
    </div>
</div>

---

简言之，是的，有一种方法。你试过什么？我试过在pageinit上做类似

$（“.vendorOption”）.find（'ui-btn-text'）.text（'Messages'）但没用。你明白那是怎么回事吗？您似乎既没有
.vendorOption
classed元素，也没有
ui btn text
元素。您可以轻松地为想要更改的内容指定一个ID，然后用jQuery抓取它并使用
$（“#YOURID”）.text（）！抱歉，我刚刚意识到我发布的代码中删除了这些内容。我把它们放在那里了。但要回答你的问题，不，我不太明白它在做什么。我对jQuery有很好的理解，但是像这样的一些更高级的东西让我难以理解。为了说明一点，我完全理解了这段代码的工作原理。您可以链接您的函数，而无需再次执行选择器（即直接在
.text（）之后）
函数您可以调用
.removeClass
。您的
.addClass
中也缺少一个关闭的
。
好吧，所以我把这个放进去了，但我现在面临的问题是：我从主页开始，第一页的按钮上写着“供应商”，然后，如果用户成功登录到第#页上的供应商帐户，它将返回到第#页1，但不会将“供应商”更改为“消息”。我认为这是因为即使我不使用
数据预取
或
数据DOM cache=“true”，页面仍缓存在DOM中
在那里，我让它开始工作，我必须将我从#登录到#page1的动态页面转换设置为重新加载：“true”，如下所示：
$（“：mobile pagecontainer”）.pagecontainer（“更改”，“#page1”，{转换：“弹出”，重新加载：“true”}）
要添加一点。删除图标类后，必须实际更改导航栏项的文本，然后重新添加，否则将找不到该项，因为它不再存在于：contains（'Vendors'）下
$("a:contains('Vendors')").text('Different String');
$("a:contains('Vendors')").removeClass('ui-icon-search').addClass('ui-icon-location');