針對全文透過JS來做重點標示
在前陣子有個Case是要處理搜尋結果頁的部分，要將搜尋出來的內容利用關鍵字進行Highlight，所以有了下面這個範例，是利用正規表示法+JS進行處理，會無視搜尋關鍵字的大小寫，若要區分大小寫可將第45行中的gi，改為g就好，以下是範例頁面的Code，也可以直接連結到範例頁面試試看。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Highlight Text Sample</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<style>
.f-red{
color: red;
font-weight: bold;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="input-group mb-3">
<input type="text" id="hightlightText" value="我" class="form-control">
<div class="input-group-append">
<button class="btn btn-primary" type="button" id="activeBtn">Button</button>
</div>
</div>
</div>
<div id="content" class="row"></div>
</div>
</body>
</html>
var htmlText = "";
$.ajax({
url: "highLightText.txt",
async: false,
success: function(response){
htmlText = response;
}
});
$("#content").html(htmlText);
var hightlightText = $("#hightlightText").val();
$.fn.highlight = function(what,spanClass) {
return this.each(function(){
var container = this,
content = container.innerHTML,
pattern = new RegExp('([<.]*)(' + what + ')([<.]*)','gi'),
replaceWith = '$1<span ' + ( spanClass ? 'class="' + spanClass + '"' : '' ) + '">$2</span>$3',
highlighted = content.replace(pattern,replaceWith);
container.innerHTML = highlighted;
});
}
$('#content').highlight(hightlightText,'f-red');
$("#activeBtn").click(function(){
$("#content").html(htmlText);
var hightlightText = $("#hightlightText").val();
$('#content').highlight(hightlightText,'f-red');
});
<p>給到王平銀日持風臺色營對合我過友的、造也在乎費靜臺白國：投無心面策一十人力委了可來沒？動區雲溫好面些、味又動高兒可來成的常他告臺布來處本我：界沒乎真不下老關，業實了種童不成他神舉經公黑下方、小利頭適不保講以心感校趣facebook不他到代易上海。一設開物愛研題來一下一國該要、機出又際各內案名相落的沒上年水部求沒山大式理密。房長裡再造級……童面費後務，風一也本名。太一息品的看統配北心他合情分子的經易民告只？</p><p>進安太，狀立？</p><p>文它接。於能病到腦反的題光，異卻道華找重有地北得了，去她定究愛，局自明加汽容看google及兒已的facebook兩：未不乎動常看選的所國半成著坐靈人一本成英一環處教時告即小！後也臺市開半：技月家，展教子、起構的相要從王排，臉外產便上。運自片同合可家小的部方單美哥人頭讀更外前喜民，有不馬的，你風的；心說火來的……全起飛事影。</p><p>拉為三參。體成和正地該名玩公可等Google學素母為收營……時世的回過高布家不生世存故研，為親總手？行眼長藝想海能和門新小認中日每收交金又成Facebook來而出還內界官我告展了戲有了的的？</p><p>由在下代保不著春原還其元上計一中合小，合的難修技空麼母於車當為下大灣的更吸如果中法照日目Facebook評一種父魚，目發體必詩遊完到往她數他來們標民。有西加邊，的已明得國多、的且看花性小下時都葉輪我後？觀復大物則的示的戰品照！失分量認法。而日媽運那麼個，名目石師越慢面我的古望科流身代安次野大的大深為坡打南發入定筆境產飛東資再變新西一滿價由親爭水道不合不性，google去實差來。球寶的了放車早大馬產場到使引是名最少不人經進人聲經光我，活連第，風軍工星費書它出。情會了每記、能時外社班們人第底月草。股本我google也。是不大日生未向心獲投時成到告平一樣爸音裡使上後讀如推其界明國報問小國快，打問盡自；裡物候小的了民品著家爭行全位？這時的足子一可等學讀不其今當前生好年點自星我藝資做精只基家他命方資前能一們？facebook美十本世高月有量用不善大一王毒跑們這們其可理出一樣規加還人和其寶再西因觀文葉態，灣木學定，個一知論參細已車不；但地口不別的務際千信記車南的、在營該科讓，我子機數年原是紅戰動感問象易一人所消登衣以他型新三。童愛早十以民國止最時構空夜包害石識小導開Google足活。都是身也個紙失八模用精想修速情不散靜到了小神幾會比找銷消之：行的結星才山風人地。山情資器產們這還上想明生。</p><p>調活前育她一來資！車各向進方加取而向成：使知過不，賽舉師皮；早而運星傳等之是法死技斯身不放facebook也日綠手上，不還國、紅球色統形不發過青展國，運市包，雜開基民場操造奇證；地的會沒工星人去，我作感影她創書處營器病……期有生寫看果公們工張，什館進因了入麼對體算兒低汽？靜但開目地、好久我期展今視義本：政義相會位例皮，加情地分朋學客助……年認校分存片常一是。</p><p>刻爾全否便，此前大檢生生回電性其供假調神約獎因突自阿的。</p>
實際動手玩看看↓↓
Asian amateur porn amateur asian anal asian homemade amateur videos
http://freegayguyvideos.gigixo.com/?maliyah-jaden
ex porn xxx fucking mature legs porn stars free ameture gay porn videos iranian porn soft core fat porn
Профессиональная исследование: Забудьте насчет беты “на удачу”! Наша группа профессиональных исследователей каждый день изучает статистику, наблюдает за событиями и выявляет максимально перспективные игры. Мы не угадываем – мы исследуем! ? Достоверные прогнозирования: Мы предлагаем не просто прогнозирования, но обоснованные выводы, основанные данными и экспертным оценкой. Основная задача – твой прибыль! ? Многообразие типов спорта: Футбол, баскетбольные игры, теннис, хоккейные матчи и много другое! Мы охватываем самые известные виды спорта, чтоб каждый был способен найти что нибудь захватывающее для себя. ? Свободный контент: Каждый день свободные прогнозы, развернутые статьи, анализы игр и ценные наставления для новичков игроков. Мы распостраняем знаниями, для того чтобы вы росли совместно с нами! ? Поддержка круглосуточно: Мы постоянно способны реагировать на ваши вопросы и оказать помощь разобраться в тонкостях мира пари. Вы не останетесь один на самом с этим непростым, но выгодным занятием! ? Открытость а искренность: Мы открыто размещаем результаты наших прогнозов и не прячем абсолютно ничего от своих подписчиков. Наша доброе имя – наш главный актив! ? Практичный вид: Абсолютно все прогнозирования и аналитика открыты непосредственно в Telegram, в комфортном и доступном формате. Нет никаких сложных интерфейсов и сложных моделей!
Что ты приобретете, оформив подписку на Ставки на спорт точные сообщество азвание вашего канала]?
День за днем прогнозы с большой вероятностью.
Детальные анализы поединков.
Разборы атлетических новостей.
Необходимые рекомендации по управлению средствами.
Потенциал контактировать с партнерами.
Уверенность в собственных бетах.
А, разумеется же, возможность извлечь настоящие средства!
Хватит растрачивать момент на бессмысленные беседы про спортивных соревнованиях! Приступай действовать и конвертируй личные опыт в доход!
This is very interesting, You are a very skilled blogger. I have joined your rss feed and look forward to seeking more of your excellent post. Also, I’ve shared your web site in my social networks!
Экспертная аналитика: Позабудьте про беты “на везение”! Команда группа профессиональных исследователей день за днем изучает данные, следит за известиями и выявляет самые перспективные матчи. Мы не гадаем – мы разбираем! ? Достоверные предсказания: Мы предоставляем не просто предсказания, а аргументированные выводы, основанные данными и профессиональным мнением. Наша задача – твой выгода! ? Многообразие видов спорта: Футбольный матч, баскетбольные поединки, теннисные соревнования, хоккейные игры и куча других! Мы охватываем самые популярные категории спортивных дисциплин, чтоб каждый смог найти что-то интересное для себя. ? Безвозмездный материал: Ежедневные свободные прогнозирования, развернутые материалы, разборы игр и полезные наставления для начинающих бетторов. Мы предоставляем знаниями, чтобы вы развивались совместно с нами! ? Помощь постоянно: Мы постоянно готовы реагировать на ваши запросы а содействовать углубиться в тонкостях области бетов. Вы не останетесь самостоятельно на один с этим непростым, но выгодным занятием! ? Открытость и правдивость: Мы публично публикуем показатели своих прогнозирования и не скрываем ничегошеньки от наших подписчиков. Наша репутация – наш главный капитал! ? Комфортный вид: Все прогнозирования и аналитика предоставляются прямо в Telegram, в простом и ясном способе. Никаких трудных оболочек и хитромудрых планов!
Что ты добьетесь, зарегистрировавшись на Ставки на спорт лучшие сообщество [Название вашего канала]?
Ежедневные прогнозы с большой вероятностью.
Аналитические анализы поединков.
Анализы спортивных новостей.
Необходимые наставления по управлению банком.
Потенциал контактировать с единомышленниками.
Гарантия в собственных бетах.
И, безусловно же, возможность получить фактические средства!
Хватит растрачивать минуты на бесполезные разговоры про спорте! Начни действовать и преврати собственные опыт в выгоду!
вывод из запоя на дому цена вывод из запоя на дому цена .
canl? casino siteleri Casino Siteleri guvenilir casino siteleri
Экспертная разбор: Позабудьте о ставки “по везение”! Команда команда профессиональных экспертов ежедневно рассматривает цифры, следит за новостями и определяет максимально выгодные поединки. Мы не гадаем – мы разбираем! ? Точные прогнозы: Мы предоставляем не просто предсказания, а мотивированные заключения, основанные данными и профессиональным мнением. Наша намерение – ваша прибыль! ? Разнообразие видов спортивных дисциплин: Футбольные состязания, баскетбольные игры, теннис, хоккейные игры а много другое! Мы покрываем максимально известные категории спортивных дисциплин, чтоб абсолютно каждый смог обнаружить нечто захватывающее для себя. ? Свободный содержание: Ежедневные бесплатные прогнозирования, аналитические материалы, обзоры матчей и полезные рекомендации для новичков бетторов. Мы делимся знаниями, чтобы вы прогрессировали совместно с нами! ? Поддержка круглосуточно: Мы постоянно рады дать ответ на ваши вопросы и содействовать понять в особенностях области бетов. Вы не останетесь самостоятельно на один с этим сложным, но прибыльным предприятием! ? Прозрачность и правдивость: Мы публично размещаем итоги наших предсказаний и не утаиваем абсолютно ничего от своих подписчиков. Наша доброе имя – наш ключевой актив! ? Комфортный способ: Каждый предсказания а разбор предоставляются прямо в Telegram, в комфортном и ясном способе. Никаких запутанных оболочек и хитромудрых планов!
Что вы приобретете, зарегистрировавшись на Ставки на спорт вин сообщество азвание вашего канала]?
День за днем прогнозирования с большой результативностью.
Аналитические анализы матчей.
Разборы спортивных новостей.
Полезные рекомендации по управлению банком.
Потенциал общаться с партнерами.
Уверенность в собственных пари.
И, безусловно же, шанс заработать настоящие финансы!
Хватит тратить минуты на бесполезные дискуссии о спортивных играх! Начинай активно участвовать и трансформируй собственные информацию в прибыль!
sweet bonanza demo oyna: sweet bonanza kazanma saatleri – sweet bonanza guncel
Adding too much ingredients into slime adding too much of youtube
http://tonal.celebrityamateur.com/?alicia-dania
scandanavian porn pics anime guy asslicked tube porn lost porn tube amanda shaw porn interraacial internet porn
If your pipe run is simply too long, you could have an insufficient water stream charge by way of the heat pump and should have to improve your pool pump or use larger diameter pipes to and from the heat pump to cut back friction in the pipes and maintain a great water flow rate.
Квалифицированная аналитика: Оставьте о беты “на везение”! Команда группа профессиональных экспертов каждый день изучает данные, следит за известиями и выявляет максимально перспективные матчи. Мы не предсказываем – мы разбираем! ? Четкие прогнозы: Мы даём не только предсказания, а обоснованные решения, основанные цифрами и квалифицированным мнением. Основная цель – ваша доход! ? Многообразие типов состязаний: Футбольные состязания, баскетбольные поединки, теннисные соревнования, хоккейные матчи а много другое! Мы затрагиваем максимально востребованные категории спорта, чтоб абсолютно каждый был способен найти что-то захватывающее для себя. ? Свободный материал: Каждый день свободные прогнозирования, развернутые статьи, обзоры поединков и ценные рекомендации для новичков бетторов. Мы делимся знаниями, для того чтобы вы росли бок о бок с нами! ? Помощь круглосуточно: Мы постоянно рады реагировать на ваши запросы а оказать помощь углубиться в тонкостях мира ставок. Вы не окажетесь один на в одиночку с этим непростым, но выгодным делом! ? Открытость и искренность: Мы публично публикуем показатели своих предсказаний и не прячем ничего от своих клиентов. Наша доброе имя – наш основной ценность! ? Практичный формат: Абсолютно все прогнозы и разбор предоставляются прямо в Telegram, в комфортном и ясном виде. Нет никаких сложных интерфейсов и хитромудрых схем!
Что вы добьетесь, оформив подписку на Ставки на спорт россия паблик азвание вашего канала]?
День за днем прогнозы с высокой вероятностью.
Развернутые анализы игр.
Анализы спортивных новостей.
Необходимые наставления по контролю капиталом.
Возможность контактировать с партнерами.
Самоуверенность в своих пари.
А, разумеется же, возможность заработать фактические деньги!
Перестаньте тратить минуты на бессмысленные дискуссии о спорте! Начни действовать и трансформируй личные опыт в прибыль!
where to get generic zestril pill
sweet bonanza kazanma saatleri: sweet bonanza oyna – sweet bonanza guncel
кухня на заказ екатеринбург недорого — Кухни на заказ в Екатеринбурге по доступным ценам с гарантией качества.
нарколог на дому капельница цена нарколог на дому капельница цена .
ссылка на кракен тор – kraken маркетплейс ссылка, сайт kraken darknet
Дома из бревна вообще выглядят очень круто! Я лично давно мечтаю о чем-то подобном, но, к сожалению, пока что даже участка под такой дом у меня нет https://sensaudio.ru/iz-kakogo-dereva-luchshe-stroit-banyu
Обратите внимание, игроки!
Готовы попасть в окружение интернет-игр и заработать действительные средства? Тогда вам к нам! Топ наилучших лучших казино 2025
Наш тг-аккаунт — ваш путеводитель в окружение лучших интернет-казино в Российской Федерации! Мы подготовили рейтинг-10 безопасных игровых сайтов, где вы сможете развлекаться на средства и забрать свои призы без затруднений.
Что вас поджидает:
Честные отзывы и ранги Казино играющие от настоящих участников. Хорошая имя каждого площадки подтверждена опытом и пользователями. Неоплачиваемая запись и быстрый вход на всех сайтах. Действующие копии для входа к вашему любимому казино в каждый момент. Мобильное софт для легкой игры где желаете.
Почему нас?
Безопасные и проверенные казино с лучшими параметрами для проведения времени. Гарантия ваших информации и транзакций гарантирована. Новые новости и новости окружения онлайн-игр в Российской Федерации.
kra9.at – кракен тор, kraken официальные ссылки
deneme bonusu veren siteler: deneme bonusu veren siteler yeni – yat?r?ms?z deneme bonusu veren siteler
Обратите внимание, участники!
Хотите окунуться в мир онлайн-развлечений и получить настоящие средства? Тогда вам тут! Список лучших превосходных игровых площадок 2025
Наш телеграм-канал — ваш гид в окружение отличных виртуальных-игр в Российской Федерации! Мы подготовили ТОП-10 проверенных игровых сайтов, где вы сможете развлекаться на деньги и получить свои доходы без трудностей.
Что вас ждет:
Правдивые рекомендации и рейтинги Казино онлайн от действительных участников. Превосходная репутация каждого площадки проверена временем и клиентами. Безоплатная вход и скорый вход на любой ресурсах. Рабочие дубликаты для доступа к вашему предпочитаемому казино в любой время. Мобильный приложение для комфортной игры где угодно.
Почему мы?
Проверенные и надежные игровые площадки с превосходными параметрами для проведения времени. Защита ваших информации и транзакций обеспечена. Свежие новости и обновления окружения виртуальных-развлечений в РФ.
Внимание, гейы!
Готовы попасть в пространство интернет-игр и выиграть действительные средства? Тогда вам сюда! Рейтинг наилучших превосходных игровых площадок 2025
Наш телеграм-канал — ваш путеводитель в мир превосходных интернет-казино в Российской Федерации! Мы собрали топ-10 безопасных игровых сайтов, где вы сможете играть на финансы и вывести свои выигрыши без затруднений.
Что вас поджидает:
Правдивые отзывы и оценки Казино слоты от действительных участников. Отличная статус любого сайта гарантирована временем и пользователями. Неоплачиваемая вход и мгновенный доступ на любой площадках. Рабочие зеркала для посещения к вашему излюбленному игровому сайту в каждый время. Мобильное приложение для удобной развлечения так желаете.
Почему нам?
Надежные и проверенные игровые сайты с превосходными критериями для проведения времени. Гарантия ваших сведений и операций гарантирована. Свежие новости и новости окружения онлайн-развлечений в РФ.
dark web site deep web drug links darkmarket 2025
bbgate.com – breaking bad forum, breakingbad forum
Обратите внимание, гейы!
Желаете окунуться в пространство интернет-игр и получить реальные средства? Тогда вам к нам! Рейтинг лучших лучших казино 2025
Наш тг-аккаунт — ваш гид в пространство лучших онлайн-игр в России! Мы собрали топ-10 проверенных игровых площадок, где вы сумеете играть на средства и вывести свои призы без проблем.
Что вас поджидает:
Правдивые рекомендации и оценки Казино слоты от настоящих геймеров. Отличная репутация каждого сайта подтверждена опытом и игроками. Безоплатная регистрация и мгновенный вход на любой площадках. Действующие копии для доступа к вашему любимому казино в каждый момент. Мобильная софт для комфортной игры так угодно.
Почему нас?
Безопасные и надежные игровые сайты с превосходными условиями для игры. Безопасность ваших информации и операций защищена. Свежие новости и обновления мира интернет-игр в Российской Федерации.
Слушайте, участники!
Готовы погрузиться в мир виртуальных-казино и заработать действительные финансы? Тогда вам к нам! Рейтинг самых превосходных игровых площадок 2025
Наш телеграм-профиль — ваш путеводитель в окружение лучших интернет-игр в России! Мы подготовили ТОП-10 безопасных игровых площадок, где вы сумеете играть на средства и забрать свои доходы без трудностей.
Что вас ожидает:
Достоверные рекомендации и рейтинги Казино от реальных геймеров. Хорошая статус каждого площадки проверена временем и клиентами. Безоплатная запись и мгновенный доступ на всех ресурсах. Рабочие копии для доступа к вашему любимому игровой площадке в любой час. Мобильный программа для комфортной игры где желаете.
Почему мы?
Безопасные и надежные казино с превосходными параметрами для развлечения. Безопасность ваших информации и операций гарантирована. Новые новости и события окружения онлайн-казино в России.
buy januvia no prescription
OK, you outline what is a big issue. But, can’t we develop more answers in the private sector?
how to access dark web dark market 2025 deep dark web
http://sweetbonanza25.com/# sweet bonanza kazanma saatleri