jquery - 特定の単語をリンクに変更する

Question

名前が付いた記事がたくさんあるhtmlページがあります。私は<article> </ article>タグ内の特定の文字列をリンクに変更するためにjQueryを使いたいと思います。

このコードを使用すると、名前は正しく変更されますが、記事全体がプレーンテキストとして表示されます。私は何を変えるべきですか？

Answer 1

...but the entire URL is shown in plain text. 

使用.html()ない.text()、そうでなければ取得implict HTML剪定/テキストデコード（<が<などを取得...）

$('article.single').each(function() { 
var text = $(this).text(); 
$(this).html(text.replace('Name', '<a href="http://xxx.xx/name/">Name</a>')); 
}); 

→CodePen

Answer 2

var $thetext = $('#the-text'); 
var typedText = ''; 
var replaceText = '<a title="best programming help" href="https://www.stackoverflow.com/">programming</a>'; 
var programmingRegex = /programming$/gi; 

$thetext.on('keyup', function(data){ 
    typedText = $thetext.val(); 

    var matches = typedText.match(programmingRegex); 
    if(matches){ 
     typedText = typedText.replace(programmingRegex, replaceText); 
     $thetext.val(typedText); 
    } 
}); 

Answer 3

aviod javascriptのエラーをPHPで行います。

$content = str_replace('Name','<a href="http://xxx.xx/name/">Name</a>',the_content());