2015-11-25 84 views
-2

我想知道是否有可能使用jquery切换div之间的链接?我需要更改.mainPicture链接以获得a元素的链接。我开始研究replaceWith,但被困住了。什么是最好的方法来做到这一点?用其他元素替换元素中的链接链接

HTML:

<a class="mainColorbox" href="/img/0~676B9DBB-5D93-4481-B241-74B619F96188~400~300~1"></a> 

<div class="mainPicture"> 
    <img src="/imgs/7fb6d7bd-b9e7-44b2-a533-a485b93456ac/250/250" class="photo"> 

更新:我不太清楚:

我想从一个元素的链接,以取代内部myelement图像链接 “.mainPicture”。

+0

检查的jQuery [ATTR(http://api.jquery.com/attr/)。而'mainPicture'不是这里的链接。澄清你的问题 – Abhi

+0

更具体地说,你是否希望div有锚的href属性? –

+0

你的问题不清楚。你的意思是你想在''.mainPicture' div里面移动'a'元素吗?你的问题是,你只是想通过在'a'中加入'href'属性来使'div'可点击 - 这本身不起作用。 –

回答

1

我想你想这样做:

$(document).ready(function(){ 
    var link = $('.mainColorbox').attr('href'); 
    $('.mainPicture img').attr('src', link) 
}); 

时退房.attrdocumentation

+0

这是它 - 完美的工作!谢谢! – Xeptor

2

您可以使用jQuery attr这一点。例如:

var href = jQuery(".mainColorbox").attr("href"); 

jQuery(".mainPicture img").attr("src", href); 

或者干脆

jQuery(".photo").attr("src", href); 
+1

为了确保一个元素具有'href'属性,我会稍微修改一下你的选择器,以使它特定于像href这样的链接:'a.mainColorbox [href]' – SidOfc