2015-11-25 96 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