2012-02-02 93 views
2

说我有在var字符串中添加html?

var b = 'I am a JavaScript hacker.' 

我怎样才能做到这一点?

var b = 'I am a <a href="foo.php">JavaScript hacker</a>.' 

这是可行的吗?

我认为问题很清楚。道歉,如果没有。

小提琴这里http://jsfiddle.net/ozzy/vWYQ2/

+1

你想达到什么目的? – grc 2012-02-02 05:07:10

+0

好吧,我有一个文本更改脚本,悬停改变文本到另一行文本..我希望在结果文本中添加一个链接,我将创建一个小提琴 – 422 2012-02-02 05:08:26

+0

http://jsfiddle.net/ozzy/vWYQ2/ – 422 2012-02-02 05:13:01

回答

3
$(function() { 
    var mem = $("#TA").html(); 
    $("#TA").hover(function() { 
     $(this).stop().html('I am a <a href="foo.php">JavaScript hacker</a>.'); 
    }, function() { 
     $(this).stop().html(mem); 
    }); 
}); 

我想你想是这样的

My code

编辑:由于闪烁的问题。

+0

这就是伟大的cept需要有一个编号我只是去div.apple和改变div ID =“苹果”发起它?因为http://jsfiddle.net/ozzy/zKRGW/7/有缺陷(不知道我在那里做错了什么) – 422 2012-02-02 05:29:01

+1

@ 422作为你看到我没有使用id,但你可以使用id并将它改为$(“#your_DOM_id”)而不是$(“div”)。 – InspiredJW 2012-02-02 05:30:44

+0

试过了,当你将鼠标悬停在它上面时,它会闪烁?的jsfiddle .net/ozzy/zKRGW/8/ – 422 2012-02-02 05:32:47

2

嗯......是吗?那会给你一个名为b的变量,它可以保存'I am a <a href="foo.php">JavaScript hacker</a>.'

2

来自http://jsfiddle.net/vWYQ2/2/的代码,一旦鼠标不存在,这将删除超链接。

HTML

<div id="TA" onmousemove="changetext();" onmouseout="restore();">I am a JavaScript hacker.</div> 

的JavaScript

var originalBlock = document.getElementById("TA").innerHTML; 
var timer; 
function changetext() 
{ 
    var id = document.getElementById("TA"); 
    if(originalBlock == null) originalBlock= id.innerHTML; 
    var text = id.innerHTML; 
    id.innerHTML = text.replace("JavaScript hacker", "<a href='foo.php'>JavaScript hacker</a>"); 
    if(timer != null) 
    clearTimeout(timer); 
} 
function restore() 
{ 
    timer = setTimeout(function() 
      { 
       document.getElementById("TA").innerHTML = originalBlock; 
      }, 1000); 
} 
+0

但是,如果只是一个词,这就是我陷入了我不想要的地方“JavaScript hacker”我在“JavaScript hacker”之后。这就是我陷入困境的地方(正确转义不同部分 – 422 2012-02-02 05:27:52

+0

@ 422尝试新代码吧如果你想在这种情况下将'hacker'转换为超链接,那么将替换语句改为'text.replace(“hacker”,“hacker”)' – 2012-02-02 05:50:22

+0

Thankyou @Amar Palsapure – 422 2012-02-02 05:56:16