jquery - ナビゲーション バーのタブ テキストを動的に設定するにはどうすればよいですか?

Question

スクリプトを使って動的に各タブの名前を設定したい。これを行う正確な方法がわかりません親切に助けてくれますか？

ここにhtmlコードがあります：

            <div data-theme="a" data-role="footer" data-position="fixed" data-tap-toggle="false">
            <div class="myNavBar" data-role="navbar" data-iconpos="top" >
                <ul>
                    <li >
                        <a href="#"  id="home_icon"  data-transition="pop" data-theme="a" data-icon="custom" class="ui-btn-active ui-state-persist" >
                            Home
                        </a>
                    </li>
                    <li >
                        <a href="favourites.html"  id="fav_icon" data-transition="pop" data-theme="a" data-icon="custom" >
                            Favorites
                        </a>
                    </li>
                    <li>
                        <a href="Recents.html" id="recent_icon" data-transition="pop" data-theme="a" data-icon="custom" >
                            Offers
                        </a>
                    </li>
                    <li>
                        <a href="Settings.html" id="setting_icon" data-transition="pop" data-theme="a" data-icon="custom" >
                            Settings
                        </a>
                    </li>
                </ul>
            </div>
       </div>

Answer 1

上記の回答された方法はすべて正しいですが、上記のソリューションでは、タブのアイコンが非表示になり、更新されたテキストのみが表示されます。これを行う正しい方法は$($('.ui-btn-text')[0]).html('testing');. 最初のタブの名前を に変更しHomeますtesting。