javascript - JavaScript を使用してタブのコンテンツの一部の単語を強調表示するにはどうすればよいですか?

Question

URL付きの画像があります。画像をクリックすると、対応するタブが開きます。タブでいくつかの単語が強調表示されるようにしたいと思います。出来ますか？これどうやってするの？

ありがとうございました。

Answer 1

div に含まれる word("John") を強調表示する必要がある場合。

$( "div:contains('John')" ).css('background-color', 'red');

jquery API

単語のみを強調表示する必要がある場合

var html = $('div').html();
$('div').html(html.replace(/John/gi, '<strong>$&</strong>'));

このプラグインは誰かによって開発されていることがわかりました。同じものをタスクに使用できます

Answer 2

それらの単語をラップして、それらの<span>...</span>スパンにいくつかのクラスを追加します。