• Home
  • About
  • Insights Hub
    • New Posts
    • Technical SEO
    • General Discussion
    • View All Forums
  • Blog
  • Contact
    • Hub
      New posts Search forums
    • What's new
      New posts New profile posts Latest activity
    • Members
      Current visitors New profile posts Search profile posts
    Log in Register
    What's new Search

    Search

    By:
    Advanced search…
    • New posts
    • Search forums
    Menu
    Log in

    Register

    Install the app
    • Home
      • Hub
      • Technical SEO
      You are using an out of date browser. It may not display this or other websites correctly.
      You should upgrade or use an alternative browser.

      Replace Anchor Text within a Href Link with jQuery

      • Thread starter Chris
      • Start date Sep 12, 2021
      • Sep 12, 2021
      This jQuery snippet below is how to replace the anchor text within a href link. This is useful for overriding the anchor text for sitewide links on semi-dynamic (sitewide header and footer components) where the effort to update the link manually outways an override.

      This will be useful for outdated websites that have not been updated to a modern framework or platform. This will save you some time having to manually go through each webpage and having manually update the anchor text.

      How it works​

      1. Paste the Query snippet below into your HTML head or Footer files.
      2. Locate the div class that the link is located. Replace "divclass" with the class name.
      3. Replace "Old Anchor Text" with the new anchor text that you are seeking to replace.

      jQuery Snippet​

      Paste this jQuery snippet into your website HTML code.
      Code:
      <script>
      $(document).ready(function(){
        $(".divclass a").text("Old Anchor Text");
      })
      </script>

      Anchor Text to be Overriden​

      Example of a href link with anchor link set to be overriden within a selected div class.
      Code:
      <div class="divclass">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo <a href="https://www.mydomain.com/page.html">Old Anchor Text</a> consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
       </div>

      CDN jQuery​

      Here is a CDN link to jQuery if it is not already present within your asset libraries.
      Code:
      <script  src="https://code.jquery.com/jquery-3.6.0.min.js" async></script>
       
      Click to expand...
      C
      Written by

      Chris

      Administrator
      Staff member
      • Messages
        51
      • Reaction score
        0
      • Points
        6
      You must log in or register to reply here.
      Share:
      Facebook Twitter Reddit Pinterest Tumblr WhatsApp Email Share Link

      New Posts

      • vogeldm
        SEO and Digital Marketing services
        • Started by vogeldm
        • Apr 22, 2022
        • Replies: 0
        Technical SEO
      • C
        Dropped .UK Domains 11th April 2022
        • Started by Chris
        • Apr 11, 2022
        • Replies: 0
        General Discussion
      • C
        Google Sheets Regex for excluding subfolders
        • Started by Chris
        • Oct 12, 2021
        • Replies: 0
        Technical SEO
      • C
        Modify or Deploy Meta Viewport - Google Tag Manager
        • Started by Chris
        • Sep 24, 2021
        • Replies: 0
        Technical SEO
      • C
        Open-source tools & projects that use Lighthouse
        • Started by Chris
        • Sep 24, 2021
        • Replies: 0
        Technical SEO
      • C
        How to Force HTTPS using .htaccess (cPanel)
        • Started by Chris
        • Sep 24, 2021
        • Replies: 0
        Technical SEO
      • C
        Canonical Tag Override using Google Tag Manager
        • Started by Chris
        • Sep 24, 2021
        • Replies: 0
        Technical SEO
      • C
        Websites to use DNS Prefetching & Prefetching
        • Started by Chris
        • Sep 24, 2021
        • Replies: 0
        Technical SEO
      • Hub
      • Technical SEO

    Join the Community

    Chris Lever is a freelance SEO Consultant availible for Hire. Join the growing SEO Community Forum to learn new skills.

    Join Us

    Need Help?

    • BB Code
    • Cookie Policy
    • Terms of Use
    • Privacy Policy
    • HTML Sitemap

    Learn More

    • About
    • Availability
    • Popular Posts
    • Projects & Scripts
    • Contact

    Get in Touch

    Chris Lever, Manchester, United Kingdom
    info@chrisleverseo.com
    +44 0161 883 2249

    © 2021 Chris Lever SEO. All rights reserved. Powered by Xenforo

    • This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
      By continuing to use this site, you are consenting to our use of cookies.
      Accept Learn more…