Take href of an anchor in a div and apply it to an image?

Question

I have a div with an image and a link in it.

Is it possible that on page load, I can somehow find the href of the link and apply that the anchor tag of the image?

Answer 1

Still making assumptions about positioning of the elements, but the basics are below. Its very simple to do this in pure JS without needing to include jQuery.

Live Demo

var link = document.querySelectorAll('.card-prod a');
link[0].href = link[1].href;

Answer 2

try this:

$(document).ready(function(){

    $("#theDiv").find("a").attr("href", $('img').attr('src'));

});

---

updated:

$(document).ready(function(){

     $("#anchor").attr("href", $('#continue').attr('href'));

});

http://jsfiddle.net/fFgwb/5/

---

so, you should add classes like .divs to divs and other classes to anchor links:

$(document).ready(function(){

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

        $(this).find("a").hasClass("anchor").attr("href", $(this).find("a").hasClass("continue").attr('href'))

     });

});