2013-05-17 61 views
0

我有一個鏈接:追加錨的鏈接(HREF)的內容,一個div

<a href="http://tinyurl.com/cmst6r3>Link1</a> 

現在我想取什麼的這個鏈接中包含的內容,並將其附加到一個div ...

<a class="link" href="http://tinyurl.com/cmst6r3>Link1</a> 
<br /> 
<div id="content"></div> 

所以jQuery將是這個樣子:

$('a.link').attr('href').clone().appendTo('div#content'); 

但這不起作用

小提琴 - http://jsfiddle.net/rudac/2/ 我該怎麼做?

+1

只是說明你的錨標記'href'屬性沒有結束'「' –

+0

噢錯字.. .thnks –

回答

1

如果你想鏈接的內容加載到div

$('#content').load($('a.link').attr('href')) 

如果你想顯示的鏈接

$('#content').html($('a.link').attr('href')) 
+0

很酷謝謝。但通過點擊鏈接錨標記的默認功能(打開鏈接)覆蓋jquery的只是追加鏈接的內容到div –

+0

@DavidVanStaden嘗試http://jsfiddle.net/arunpjohny/kQf6Y/ –

+0

或http://jsfiddle.net/arunpjohny/kQf6Y/2/但需要保留在我的同源策略 –

0

要追加

$('#content').appendTo($('a.link').attr('href')); 

要更換

$('#content').html($('a.link').attr('href')); 
1

您可以使用iframe顯示任何鏈接引用的內容。通過在click函數中使用return false,瀏覽器不會被定向到錨點的目的地。

我已經編輯你向你展示我的意思:

的jsfiddle:http://jsfiddle.net/rudac/23/

+0

是的,我確實有一個以上的鏈接,所以我需要使用 –

+0

類'.attr'會只給出匹配'link'類集合中第一個元素的屬性。當我點擊鏈接 –

+0

原路段將消失...我只是希望它的附加內容的href(克隆它)到cpntent div.Could你檢查我的更新小提琴請。鏈接的點擊會干擾我的jquery –