jquery - 文中の特定の単語へのリンクを追加する方法は?

Question

ユーザーがテキスト ボックスにステートメントを入力した後、リンクを作成する必要があります。

Answer 1

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>

Answer 2

通常のハイパーリンクをどのように作成しますか?

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