将锚点链接(href)的内容附加到div

时间:2013-05-17 10:14:18

标签: jquery

我有一个链接:

<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/ 我该怎么做?

3 个答案:

答案 0 :(得分:1)

如果要加载div的链接内容

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

如果要显示链接

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

答案 1 :(得分:1)

您可以使用iframe显示链接引用的内容。通过在return false函数中使用click,浏览器不会定向到锚点的目的地。

我编辑了你的内容,告诉你我的意思:

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

答案 2 :(得分:0)

追加

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

替换

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