Extracting and replacing href tag using javascript or JQuery

Question

I have no idea where to start with this so I was hoping someone might be able to suggest a solution.

How do I extract the contents of the href tag of "product_prev" (/images/New-Image.jpg) and use it to replace the href tag of "product" (/images/Old-Image.jpg)

Here is my HTML...

<a class="product_prev" href="/images/New-Image.jpg"><img alt="" title="" src="/images/New-Image.thumb.jpg" width="50"></a>

<a class="product" href="/images/Old-Image.jpg"><img class="displayer ct_pd_pi_mainImage ct_pd_pi_fullsizeImage" alt="" title="Venicci-Mini-Pram-Black" itemprop="image" src="/images/Old-Image.jpg"></a>

I'm unable to edit the template of the site but I can add CSS/Javascript/JQuery so hopefully a solution using these methods can be used.

Thanks in advance.

Anoop Joshi P · Accepted Answer · 2014-07-02 10:29:41Z

2

You can use attribute selector of jquery to get and set the href

$(".product").attr("href",$("product_prev").attr("href"));

answered Jul 2, 2014 at 10:29

Anoop Joshi P

25.6k9 gold badges35 silver badges54 bronze badges

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

Comments

Valentin Mercier · Accepted Answer · 2014-07-02 10:30:32Z

0

This can be easily done with jQuery.

var first_href= $(".product_prev").attr('href');
$(".product").attr('href', first_href);

answered Jul 2, 2014 at 10:30

Valentin Mercier

5,3564 gold badges28 silver badges51 bronze badges

Collectives™ on Stack Overflow

Extracting and replacing href tag using javascript or 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