jQuery replace href and change url in every <a>

Question

I'm new to jQuery and I'm trying to replace numerous link by another one, but I can't seem to find why it doesn't, could you help me please.

Code:

First attempt:

jQuery(document).ready(function() {

    $("a").each(function() { 

        newUrl += $(this).href+ textOfNew + " ";

        this.href = this.href.replace((this.href), newUrl);

    });

});

Second attempt:

jQuery(document).ready(function() {

    $("a").each(function() { 
        $("$(this).href").val(function(i, val) {
            var newUrl = "test" ;

            return = $(this).href.replace($(this).href, newUrl);
        }); 
    });
});

PSR · Accepted Answer · 2013-03-16 16:57:33Z

2

try this

   $("a").each(function() { 

          var newUrl =  $(this).attr('href')+ textOfNew + " ";

              $(this).attr('href',newUrl);

    });

answered Mar 16, 2013 at 16:57

PSR

40.4k43 gold badges115 silver badges154 bronze badges

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

1 Comment

David Thomas Over a year ago

You don't need each(), just pass an anonymous function to the attr() method. As @adeneo shows.

adeneo · Accepted Answer · 2013-03-16 17:04:50Z

2

jQuery(function($) {
    $("a").attr('href', function(i, href) {
        return href + '/test';
    });
});

FIDDLE

answered Mar 16, 2013 at 17:04

adeneo

319k29 gold badges410 silver badges392 bronze badges

Comments

Lucky Soni · Accepted Answer · 2013-03-16 17:02:36Z

0

$("a").each(function() { 

    newUrl += $(this).attr("href") + textOfNew + " ";

    $(this).attr("href", newUrl);

});

answered Mar 16, 2013 at 17:02

Lucky Soni

6,8883 gold badges40 silver badges59 bronze badges

Collectives™ on Stack Overflow

jQuery replace href and change url in every <a>

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related