replaceメソッドはhtmlフォーマットではなく書式設定で動作します

Question

ユーザーがセル値をクリックすると、テキストの色を置き換えようとしています。私のHTMLで書式設定を使用しようとすると、動作しなくなったようですが、書式設定を行わなくてもまったく問題なく動作します。 JSFiddlesは、私が取っていることを理解するのに役立ちます。その前に、私はいくつかのことを言及したいと思います：私はフォーマットするわけではないとき、私はフォーマットを使用していたとき、私はちょうど

<div id='jqxPanel' style=" font-size: 13px; font-family: Verdana;"> My content here </div>とvar text = panel.text();

を使用しています

1. 、私は

   を使用しています

   <div id='jqxPanel' style=" font-size: 13px; font-family: Verdana;"><div style="margin: 10px;"><pre>My content here </pre></div></div>とvar text = panel.html();

書式設定なしのJSFiddleの作業と、書式設定機能を持たないJSFiddleがあります。ハイライトされたテキストが見えるように、JSFiddleが正常に動作しないようにするにはどうすればよいですか？

Answer 1

私はあなたが代わりに「何か」の「何か」を置き換えるためにしようとしているJSFiddle

$("#jqxgrid").on("cellclick", function (event) 
        { 
    var value = event.args.value; 
    var color = "#FF0000"; 
    var highlighted =     
     text.replace(new RegExp(value, 'ig'), '<span style="color:' + color + ';">' + value + '</span>'); 

    panel.jqxPanel('clearcontent'); 
    panel.jqxPanel('append', highlighted); 
    }); 

（空白に注意してください）あなたの更新。検索文字列と置換文字の両方でこれを実行しています。

また、置換機能では大文字と小文字が区別されます。私は大文字小文字を区別しないようにRegExpを追加しました。

しかし、これは単なる例で、ボタンの大文字でテキストが置換されていることがわかります。したがって、「患者」は強調表示されます。