jQuery replace specific text from href

Question

How do you just change the text "us-test" from the value of the link below, without having to replace the whole link, the current method i use replaces the whole link i guess that has to do with the function of .attr, i'm guessing i could achieve this by using .find or something else i really don't have any clue on how to do it can someone help me on this thank's.

$(document).ready(function(){ 
 $("#box1").click(function(){
 $("a.mylink").attr("href", "http://google.com");
   });  

 $("#box2").click(function(){
  $("a.mylinktwo").attr("href", "http://yahoo.com"); 
 });   


<a class="mylink" href="http://google.com/en/get.php?chrome=us-test">Test</a>

so i guess i can't replace just the specific text i want to, im asking this because im gonna be using a bunch of links and i rather change the text that way it will be less stuff on the file... it will look a lot more cleaner than having 20 long links. — donvitto
– donvitto, Commented Feb 17, 2012 at 6:48

Rob Taylor · Accepted Answer · 2012-02-17 06:53:51Z

16

It depends on what you're trying to achieve. I wouldn't suggest complicating things too much, and if you can know before hand what URL to go to, replacing the whole URL would probably be best, and easiest to see what's going on.

To replace parts of a string, the replace() method would help.

var url = $('.mylink').attr('href')
url = url.replace('us-test', 'replaced-text')
$('.mylink').attr('href', url)

You can also pass a regular expression as the matching argument.

answered Feb 17, 2012 at 6:53

Rob Taylor

6044 silver badges10 bronze badges

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

2 Comments

donvitto Over a year ago

Thanks Rob just what i was looking for, one question tho what does "$('.mylink').attr('href', url)" do :b

Rob Taylor Over a year ago

that sets the href attribute for the link that you are trying to update.

Sudhir Bastakoti · Accepted Answer · 2012-02-17 07:08:44Z

2

Do you mean:


$(".mylink").click(function (e) {
  e.preventDefault();
  var href = $(this).attr("href").replace(/us-test/, "");
  //or replace with something
  var newHref = $(this).attr("href").replace(/us-test/, "somethingelse");
  $(this).attr("href", newHref);  
});

edited Feb 17, 2012 at 7:08

answered Feb 17, 2012 at 6:56

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

1 Comment

donvitto Over a year ago

ummm... i try this and i cant seem to get it working, i guess the problem is on my end, thanks anyways Sudhir...

Gopesh · Accepted Answer · 2012-02-17 07:04:39Z

1

Use this Code:

$(document).ready(function() {
 var link = $('a').attr('href');
var equalPosition = link.indexOf('=');

var sptext= link.substring(equalPosition + 1);

 var s=link.replace(sptext,"replaced-text");

  $('.mylink').attr('href', s);




});

check this Fiddle http://jsfiddle.net/W3pmu/1/ Hope it helps...

answered Feb 17, 2012 at 7:04

Gopesh

3,97011 gold badges40 silver badges53 bronze badges

Comments

sanjeev · Accepted Answer · 2024-07-29 11:43:02Z

0

To replace parts of a string, used replace() method .

jQuery(".mylink").on('click', function() {
  var url =  jQuery(this).attr('href')
  url = url.replace('us-test', 'replaced-text')
  jQuery(this).attr('href', url) 
 });

edited Jul 29, 2024 at 11:43

answered Jul 29, 2024 at 11:37

sanjeev

11 bronze badge

1 Comment

sanjeev Over a year ago

if your attribute in loops try once

Collectives™ on Stack Overflow

jQuery replace specific text from href

4 Answers 4

2 Comments

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related