jquery - 如何在句子中添加指向特定单词的链接？

Question

用户在文本框中输入他的语句后，我必须创建一个链接。

Answer 1

How would you create a normal hyperlink?

<a href="...">Hai</a>, How are you

Answer 2

假设jQuery标签是正确的并且你想要 DOM 操作，这里有一个答案：

http://jsfiddle.net/APUHd/

<button>Link words</button>
<div id="sentence">Hai, How are you</div>​

 

var jqSentence = $('div#sentence');
var aSentence  = jqSentence.html().split(' ');

function LinkWord(iIndex, sHref) {
    aSentence[iIndex] = '<a href="' + sHref + '">' + aSentence[iIndex] + '</a>';
    jqSentence.html(aSentence.join(' '));
}

$('button:first').click(function(){
    LinkWord(1, '/some/path');
    LinkWord(3, '/some/other/path');     
});

​</p>