如何使用 jquery 更改 href 和 li 中的菜单链接文本？

Question

我想知道如何用新词“Home”更改/重命名“Snapshot”这个词。有谁知道什么“jquery”代码可以完成这个？我已经为此苦苦挣扎了好几天，最后不得不寻求一些帮助。快照位于下面代码开头的第 7 行。完整的代码将不胜感激，但如果没有，只要给我指出一个方向就会真正有帮助！

粗体字为需要更改/替换的内容：

href="/admin/snapshot">Snapshot

更改/替换为：

href="/admin/snapshot">Home

            <div id="main">
        <div id="nav-col">
            <div id="nav">
                <ul>

            <li>
    <a href="/admin/snapshot">Snapshot</a>          </li>

        <li>
    <a href="/admin/offers">Offers</a>              <ul>
                    <li>
            <a href="/admin/offers">Manage Offers</a>           </li>           <li>
            <a href="/admin/offers/add">Create Offer</a>            </li>           <li>

            <a href="/admin/shared_offers">Offer Exchange</a>           </li>           <li>
            <a href="/admin/offer_files">Creative Files</a>         </li>           <li>
            <a href="/admin/offer_access/applications">Offer Applications</a>           </li>           <li>
            <a href="/admin/offer_types">Offer Categories</a>           </li>           <li>

            <a href="/admin/offer_groups">Offer Groups</a>          </li>           <li>
            <a href="/admin/customer_lists">Customer Lists</a>          </li>       </ul>
        </li>
        <li>
    <a href="/admin/stats">Reports</a>              <ul>

                    <li>
            <a href="/admin/stats/index/daily">Daily Report</a>         </li>           <li>
            <a href="/admin/stats/index/hourly">Hourly Report</a>           </li>           <li>
            <a href="/admin/stats/index/affiliates">Affiliates Report</a>           </li>           <li>

            <a href="/admin/stats/index/advertisers">Advertisers Report</a>         </li>           <li>
            <a href="/admin/stats/index/offers">Offers Report</a>           </li>           <li>
            <a href="/admin/stats/index/ad_campaign">Ad Campaigns Report</a>            </li>           <li>
            <a href="/admin/stats/conversion_report">Conversion Report</a>          </li>           <li>

            <a href="/admin/stats/affiliate_referral_report">Affiliate Commission</a>           </li>           <li>
            <a href="/admin/stats/commission_report">Manager Commission</a>         </li>           <li>
            <a href="/admin/stats/mod_summary_logs">Server Logs</a>         </li>       </ul>
        </li>

        <li>
    <a href="/admin/affiliates">Affiliates</a>              <ul>
                    <li>
            <a href="/admin/affiliates">Manage Affiliates</a>           </li>           <li>
            <a href="/admin/affiliates/pending">Pending Affiliates</a>          </li>           <li>

            <a href="/admin/affiliates/create">Create Affiliate</a>         </li>           <li>
            <a href="/admin/offer_pixels">Conversion Pixels / URLs</a>          </li>           <li>
            <a href="/admin/offer_disabled_links">Disabled Links</a>            </li>           <li>
            <a href="/admin/users/index/affiliate">Manage Users</a>         </li>           <li>

            <a href="/admin/affiliates/referral_list">Referral List</a>         </li>           <li>
            <a href="/admin/affiliate_tiers">Payout Tiers</a>           </li>           <li>
            <a href="/admin/billing/affiliate_billing">Affiliate Billing</a>            </li>           <li>
            <a href="/admin/billing/invoices">Billing Invoices</a>          </li>           <li>

            <a href="/admin/billing/receipts">Billing Payments</a>          </li>       </ul>
        </li>
        <li>
    <a href="/admin/advertisers">Advertisers</a>                <ul>
                    <li>
            <a href="/admin/advertisers">Manage Advertisers</a>         </li>           <li>

            <a href="/admin/advertisers/pending">Pending Advertisers</a>            </li>           <li>
            <a href="/admin/advertisers/create">Create Advertiser</a>           </li>           <li>
            <a href="/admin/users/index/advertiser">Manage Users</a>            </li>           <li>
            <a href="/admin/advertiser_billing">Advertiser Billing</a>          </li>       </ul>

        </li>
        <li>
    <a href="/admin/ad_campaigns">Ad Manager</a>                <ul>
                    <li>
            <a href="/admin/ad_campaigns">Manage Campaigns</a>          </li>           <li>
            <a href="/admin/ad_campaigns/add">Create Campaign</a>           </li>       </ul>

        </li>
        <li>
    <a href="/admin/company/account">Company</a>                <ul>
                    <li>
            <a href="/admin/company/account">My Account</a>         </li>           <li>
            <a href="/admin/employees">Manage Employees</a>         </li>           <li>

            <a href="/admin/alerts">Notifications</a>           </li>           <li>
            <a href="/admin/customize">Customize Application</a>            </li>       </ul>
        </li>
        <li>
    <a href="/admin/support">Support</a>                <ul>

                    <li>
            <a href="/admin/support">Help</a>           </li>           <li>
            <a href="/admin/support/api">API</a>            </li>           <li>
            <a href="/services-agreement.html">Terms of Service</a>         </li>           <li>

            <a href="/admin/company/upgrade">Upgrade</a>            </li>       </ul>
        </li>
</ul>

                                        </ul>
            </div>
        </div>

Answer 1

给你：

$('a[href="/admin/snapshot"]').text('Home');

http://jsfiddle.net/xfRYh/

Answer 2

一项一项地执行这些操作会很乏味（如果这是最终目的），但是如果您将新值存储在排序数组中，那么您可能可以摆脱这样的事情：

$.each($('li a'), function(index, item) {
    $(this).text(arrayOfStrings[index]);
});