выделить текст в HTML с помощью JavaScript JQuery

Question

Я хочу программно выделить все ключевые слова (без учета регистра) в теге p

если ключевые слова

var keywords = "hello,thanks, goodbye" // this should be an array
<p>hello world</p>

привет должен быть выделен синим

Answer 1

Я думаю, вы ищете плагин jQuery highlight .

Как только вы загрузите его, вы можете просто сделать что-то вроде этого:

var words = "hello,thanks, goodbye";
var keywords = words.split(',');
for(var x = 0; x < keywords.length; x++) {
    $(selector).highlight($.trim(keywords[x]));
}

Где selector - это какой элемент в документе вы хотите найти. Если вы хотите, чтобы это было сделано для всей страницы, просто введите 'body'.

Answer 2

Для снисходительного плагина для jQuery вы можете рассмотреть http://www.frightanic.com/2011/02/27/lenient-jquery-highlight-plugin-javascript/