jQuery replace specific text with one click from href

Question

This code replaces only parts of a string for the first link, but how do I modify this code to take advantage of the click and replace parts of the string for the other links as well, the other links will have different text e.g for "ca-test" it could be anything you want I just want to get this working thanks!

$("#box1").click(function(){
var url = $('.mylink').attr('href')
url = url.replace('us-test', 'replaced-text')
$('.mylink').attr('href', url) 
 });  

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

How do you know what text to replace and what to replace it with for each link? That information needs to be stored somewhere, e.g., in a data- attribute in the html for each link or somewhere in your JS code. (Also, I think you should be using the id attribute rather than the class attribute since your class names seem like unique identifiers.) — nnnnnn
– nnnnnn, Commented Feb 18, 2012 at 5:24
"How do you know what text to replace and what to replace it with for each link" is stored on the jquery code "us-test" changes to "replaced-text" as for the rest of your comment i'm ok with what i'm doing — donvitto
– donvitto, Commented Feb 18, 2012 at 5:32

COLD TOLD · Accepted Answer · 2012-02-18 05:46:37Z

1

. it not the best solution since it not clear how your page function but maybe it useful for you

 $("#box1").click(function(){
    var rep1=new Array(".mylink",".mylink2",".mylink3");
    var rep2=new Array("us-test","ca-test","tk-test");
    var rep3=new Array("us-test1new","ca-test1new","tk-test1new");
    replace(rep1, rep2, rep3);
     });  


    function replace(a, b, c)

    {
    for(var i=0; i < a.length;  i++)
    {
    var url = $(a[i]).attr('href');
    url = url.replace(b[i], c[i]);
    $(a[i]).attr('href', url);
     }
    }

edited Feb 18, 2012 at 5:46

answered Feb 18, 2012 at 5:36

COLD TOLD

13.6k3 gold badges37 silver badges53 bronze badges

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

1 Comment

donvitto Over a year ago

It works perfectly now thanks COLD TOLD... and thank you for your time i really appreciated. :)

Collectives™ on Stack Overflow

jQuery replace specific text with one click from href

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related