在div中获取锚点的href并将其应用于图像?

时间:2012-04-18 18:09:20

标签: javascript jquery

我有一个带有图像和链接的div。

是否有可能在页面加载时,我能以某种方式找到链接的href并应用图像的锚标记?

我知道这可能看起来像是一个奇怪的请求,我会问是否可以这样做,如果是的话,怎么做?

http://jsfiddle.net/fFgwb/


对不起大家,我希望将图片包装在一个锚标签中,与“继续阅读”链接相同的href

2 个答案:

答案 0 :(得分:5)

仍在对元素的定位做出假设,但基础知识如下。它的非常在纯JS中很容易做到这一点,而不需要包含jQuery。

<强> Live Demo

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

答案 1 :(得分:0)

试试这个:

$(document).ready(function(){

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

});

<小时/> 更新:

$(document).ready(function(){

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

});

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


所以,您应该将类​​似.divs的类添加到div和其他类来锚定链接:

$(document).ready(function(){

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

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

     });

});