How can i find and replace matching url on page using javascript

Question

I have need to find and replace all link that match for example i am looking for

.domainname.com/Home and i want to replace it with .domainname.com/ i only want to remove part of link

$('a').each(function() {
  var $this = $(this),
    aHref = $this.attr('href'); //get the value of an attribute 'href'
  $this.attr('href', aHref.replace('domainname.com/Home', 'domainname.com/')); //set the value of an attribute 'href'
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="rd-navbar-nav">
  <li>
    <a href="https://domainname.com/Home">
      <span>Home</span>
    </a>


  </li>
  <li>
    <a href="https://domainname.com/about-us">
      <span>About Us</span>
    </a>
  </li>
  <li>
    <a href="https://domainname.com/contact-us">
      <span>Contact Us</span>
    </a>
  </li>


</ul>

If you answered your own question feel free to post an answer here below instead of an edit to your question. — Laurent S.
– Laurent S., Commented Aug 20, 2019 at 11:23

Code Maniac · Accepted Answer · 2019-08-20 11:15:28Z

2

You can use URL api

function changeURL(){
  let links = document.getElementsByTagName('a')
  Object.values(links).forEach(link=>{
    let url = new URL(link.href)
    if(url.pathname === '/Home'){
      link.href = url.origin
    }
  })
}

<ul class="rd-navbar-nav">
  <li>
    <a href="https://domainname.com/Home">
      <span>Home</span>
    </a>
  </li>
  <li>
    <a href="https://domainname.com/about-us">
      <span>About Us</span>
    </a>
  </li>
  <li>
    <a href="https://domainname.com/contact-us">
      <span>Contact Us</span>
    </a>
</li>
</ul>

<button onclick="changeURL()">Change urls</button>

answered Aug 20, 2019 at 11:15

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

gaetanoM · Accepted Answer · 2019-08-20 11:21:55Z

Combining

I would suggest:

$('[href*="domainname.com/Home"]').attr('href', 
             (i, attr) => attr.replace(/domainname.com\/Home/g, 'domainname.com/'));

console.log($('li:first').html());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<ul class="rd-navbar-nav">
    <li>
        <a href="https://domainname.com/Home">
            <span>Home</span>
        </a>
    </li>
    <li>
        <a href="https://domainname.com/about-us">
            <span>About Us</span>
        </a>
    </li>
    <li>
        <a href="https://domainname.com/contact-us">
            <span>Contact Us</span>
        </a>
    </li>
</ul>

Gugu · Accepted Answer · 2019-08-20 12:11:45Z

-1

you selected also jquery tag.. then here: https://codepen.io/guymevents/pen/jONMeoL

$("a").each((i,item) => {
    var jItem = $(item)
    jItem.prop("href", 
        jItem.prop("href").replace(/domainname.com\/Home/,'domainname.com')
    )
})

edited Aug 20, 2019 at 12:11

answered Aug 20, 2019 at 11:18

Gugu

3132 silver badges8 bronze badges

5 Comments

fdomn-m Over a year ago

Didn't downvote, but seems incomplete or was just copied from somewhere without updating for OPs requirement (to change the url)

Laurent S. Over a year ago

I did downvote because this example doesn't fit OP's question

Gugu Over a year ago

@LaurentS. ok, then i changed the example :)

Laurent S. Over a year ago

So the OP asks for replacing ".domainname.com/Home" by ".domainname.com/", and you propose a solution replacing actually nothing by "guy". I don't see any good in that and your edition makes no further step towards a correct answer

Gugu Over a year ago

@LaurentS. Thank you for your feedback. now i understand why you voted down.

Collectives™ on Stack Overflow

How can i find and replace matching url on page using javascript

3 Answers 3

Comments

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related