Change link attributes within a class using jquery

Question

Without manually assigning an ID to each href, the goal would be to change the URLs for both hrefs to a different URL

<div class="example">
        <p><a href="http://www.google.com/example?test1332">Test Site</a></p>
        <p><a href="http://www.google.com/example?test1332">Test Site</a></p>
</div>

This is my jquery attempt which is not working

$(".example").each(function() {
    this.setAttribute("href", this.getAttribute("href").replace("http://www.test.com"));
});

This is my fiddle http://jsfiddle.net/n322j/

Denys Séguret · Accepted Answer · 2013-04-09 15:01:29Z

4

You seem to want

$('.example a').attr('href', "http://www.test.com");

If you'd want to only replace part of the URL, that is keep everything apart http://www.google.com, then you could do

$(".example a").attr('href', function(i, href) {
   return href.replace("http://www.google.com", "http://www.test.com");
});

Demonstration

answered Apr 9, 2013 at 15:01

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

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

Comments

gagan · Accepted Answer · 2013-04-09 16:25:46Z

0

another way of doing this.

<script>
$("document").ready(function (){
$("div p a").attr('href',"http://www.google.com");
});
</script>

it also works fine.

answered Apr 9, 2013 at 16:25

gagan

11 bronze badge

Collectives™ on Stack Overflow

Change link attributes within a class using jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related