Выделение текста на веб-странице

Question

У меня есть страница, где мне нужно выделить некоторые аннотации.

Аннотация Возвращается службой: "Golf", "Сверчок", "Хоккей"

Содержание: Peter likes to play Golf, Cricket and < b >Ice < /b > Hockey

Так что я использовал этот сценарий из этого jsfiddle

$('p').highlight(['Golf','Cricket','Ice Hockey']); 

это работает до тех пор, пока между ними не будет встречен другой тег sub(). Гольф и Крикет получат выделение, но Хоккей на льду не будет выделен. Есть ли способ, который я могу сделать, чтобы Хоккей на льду также выделялся, игнорируя теги html?

Answer 1

http://jsfiddle.net/Q8WS5/560/

Вопрос заключается в том, что JQuery не звонит в библиотеку три раза один раз для <p> до <strong> раз, для слова выделены жирным шрифтом, и еще раз в конце.

Чтобы библиотека должна была идти, вам придется переписать другую. вам понадобится использовать .text(), который возвращает текст без html.

$('span').text().indexOf("Ice Hockey")); 

Answer 2

Попробуйте альтернативный способ ..

HTML

<p>Peter likes to play Golf, Cricket and <b>Ice </b> Hockey <p> 

Javascript

$('p').highlight(['Golf','Cricket','Ice','Hockey']); 

Допустимо ли это ..

DEMO