在字符串中组合文本和超链接?

时间:2013-08-06 17:25:46

标签: javascript jquery html hyperlink

我仍然是HTML,Javascript和jQuery的新手,而且我已经尝试了很长时间以来如何做到这一点,我一直在寻找的所有答案都给了我不足或不准确结果。或者也许我只是在谷歌上搜索。

无论如何,我想要做的是输出到网站“文本文本链接”,其中链接是href链接,文本只是常规文本。我拥有的是

的jQuery

$('#text').html("text text ");
$('#link').html('link');
$('#link').attr('href', 'http://something.com/');

HTML

<div id = "text"><a id = "link"></a></div>

我的问题是,在HTML中,未检测到<a id = "link">

编辑:prepend()不止一次地在我的字符串前面,我该如何阻止这种情况发生?

1 个答案:

答案 0 :(得分:3)

尝试

$('#text').prepend("text text ");
$('#link').html('link');
$('#link').attr('href', 'http://something.com/');

<强> jsFiddle example

在您的示例中,第一个.html()函数将覆盖div的内容,删除链接。