針對全文透過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>
實際動手玩看看↓↓
blacksprut сайт зеркало – blacksprut официальный сайт ссылка, http blacksprut ссылки
Внимание, игроки!
Желаете погрузиться в мир интернет-игр и заработать реальные средства? Тогда вам к нам! Рейтинг самых лучших казино 2025
Наш тг-профиль — ваш проводник в мир лучших онлайн-развлечений в Российской Федерации! Мы подготовили рейтинг-10 надежных игровых площадок, где вы сумеете развлекаться на средства и вывести свои выигрыши без затруднений.
Что вас ожидает:
Правдивые рекомендации и ранги Казино новые от действительных участников. Хорошая репутация каждого сайта гарантирована временем и игроками. Неоплачиваемая вход и мгновенный вход на всех ресурсах. Активные зеркала для посещения к вашему предпочитаемому игровой площадке в любой момент. Мобильное софт для комфортной игры где угодно.
Почему мы?
Проверенные и гарантированные игровые сайты с превосходными критериями для проведения времени. Защита ваших данных и переводов обеспечена. Свежие обновления и события окружения виртуальных-игр в РФ.
кракен зеркало сайта – kraken площадка, kraken20 at сайт
Обратите внимание, участники!
Желаете погрузиться в мир интернет-казино и выиграть реальные деньги? Тогда вам сюда! Список наилучших отличных игровых площадок 2025
Наш telegram-профиль — ваш путеводитель в окружение превосходных интернет-развлечений в Российской Федерации! Мы подобрали ТОП-10 надежных игровых площадок, где вы получите возможность играть на средства и забрать свои доходы без затруднений.
Что вас ждет:
Достоверные рекомендации и оценки Казино рейтинг от действительных участников. Отличная репутация любого ресурса проверена временем и клиентами. Неоплачиваемая вход и мгновенный вход на каждой ресурсах. Рабочие зеркала для входа к вашему излюбленному казино в каждый время. Мобильный приложение для удобной развлечения где хотите.
Почему нам?
Проверенные и надежные игровые площадки с превосходными условиями для игры. Защита ваших информации и транзакций защищена. Актуальные события и обновления мира виртуальных-игр в России.
guvenilir casino siteleri: Canl? Casino Siteleri – guvenilir casino siteleri
canl? casino siteleri: Casino Siteleri – Casino Siteleri
Teacher student sex class front students porn videos
http://team-cumshot.tubered69.com/?julia-tiara
world porn passio rape porn youngist free mixed gay porn blue jay porn star british porn star tayla campbell
вывод из запоя на дому цена вывод из запоя на дому цена .
deneme bonusu veren siteler: yeni deneme bonusu veren siteler – deneme bonusu veren siteler yeni
https://www.pravoslavieug.ru/ — Все про кухни на заказ на официальном сайте pravoslavieug.
bbgate.com – bbgate.com chemistry, cyclohexylamine synthesis
Meds information sheet. What side effects can this medication cause?
how to get synthroid without prescription
Best information about medication. Get information now.
Профессиональная аналитика: Забудьте о пари “по везение”! Наша группа опытных исследователей день за днем анализирует данные, следит за известиями и определяет самые многообещающие матчи. Мы не предсказываем – мы разбираем! ? Точные предсказания: Мы предлагаем не лишь предсказания, а мотивированные выводы, основанные данными и экспертным оценкой. Главная задача – ваша выгода! ? Широкий выбор типов состязаний: Футбольные состязания, баскетбольные поединки, теннисные соревнования, хоккей и многое других! Мы охватываем наиболее известные типы состязаний, чтобы каждый смог обнаружить нечто захватывающее для себя. ? Свободный контент: Ежедневные безвозмездные предсказания, аналитические тексты, обзоры поединков и ценные рекомендации для начинающих любителей ставок. Мы распостраняем информацией, чтоб вы росли бок о бок с нами! ? Содействие круглосуточно: Мы постоянно готовы дать ответ на твои обращения и оказать помощь понять в тонкостях мира бетов. Вы не окажетесь самостоятельно на один с данным трудным, но доходным предприятием! ? Ясность и искренность: Мы публично публикуем итоги своих прогнозирования и не утаиваем ничего от наших клиентов. Наша репутация – наш главный актив! ? Комфортный формат: Все предсказания а разбор предоставляются непосредственно в Telegram, в комфортном и доступном способе. Без каких либо сложных оболочек и хитромудрых схем!
Что вы получите, зарегистрировавшись на Ставки на спорт лучшие паблик азвание вашего канала]?
День за днем прогнозирования с высокой результативностью.
Развернутые обзоры игр.
Разборы спортивных событий.
Полезные наставления по управлению капиталом.
Потенциал контактировать с единомышленниками.
Гарантия в личных ставках.
А, безусловно же, шанс извлечь реальные финансы!
Перестаньте тратить момент на бесполезные беседы о спортивных соревнованиях! Приступай действовать и конвертируй собственные информацию в доход!
вывод из запоя ростов на дону на дому вывод из запоя ростов на дону на дому .
вывод из запоя цены вывод из запоя цены .
Профессиональная аналитика: Оставьте о ставки “для везение”! Собственная команда профессиональных исследователей каждый день изучает статистику, наблюдает за событиями и находит максимально перспективные поединки. Мы не гадаем – мы исследуем! ? Достоверные прогнозы: Мы предлагаем не только предсказания, но мотивированные заключения, подтвержденные цифрами и экспертным оценкой. Основная задача – ваша выгода! ? Широкий выбор категорий состязаний: Футбольный матч, баскетбол, теннисные матчи, хоккейные матчи и многое другое! Мы охватываем самые востребованные категории спортивных дисциплин, для того чтобы абсолютно каждый мог открыть нечто интересное для себя. ? Свободный содержание: День за днем безвозмездные предсказания, аналитические статьи, разборы поединков и ценные наставления для новичков бетторов. Мы предоставляем опытом, чтобы вы прогрессировали вместе с нами! ? Поддержка постоянно: Мы все время готовы ответить на ваши запросы и оказать помощь углубиться в нюансах мира пари. Вы не будете один на один с данным сложным, но выгодным делом! ? Ясность и честность: Мы открыто обнародуем показатели своих прогнозирования и не утаиваем ничегошеньки от наших клиентов. Наша репутация – наш ключевой ценность! ? Удобный формат: Абсолютно все прогнозирования и разбор открыты непосредственно в Telegram, в удобном и ясном способе. Никаких трудных оболочек и хитромудрых планов!
Что вы получите, оформив подписку на Ставки на спорт скачать паблик азвание вашего канала]?
Каждый день прогнозы с большой проходимостью.
Развернутые обзоры поединков.
Обзоры спортивных новостей.
Необходимые наставления по контролю средствами.
Шанс общаться с единомышленниками.
Уверенность в своих бетах.
А, разумеется же, возможность заработать фактические финансы!
Хватит терять минуты на пустые дискуссии о спортивных играх! Начинай действовать и конвертируй личные информацию в выгоду!
Квалифицированная разбор: Оставьте о беты “по удачу”! Собственная команда опытных исследователей ежедневно изучает статистику, следит за известиями и определяет максимально перспективные матчи. Мы не предсказываем – мы исследуем! ? Четкие прогнозы: Мы предоставляем не просто прогнозирования, а мотивированные заключения, подкрепленные данными и экспертным оценкой. Основная задача – твой доход! ? Широкий выбор видов спорта: Футбол, баскетбольные игры, теннисные матчи, хоккей а много иное! Мы покрываем максимально популярные виды состязаний, чтобы абсолютно каждый мог найти что-то захватывающее для себя. ? Безвозмездный материал: Каждый день бесплатные прогнозирования, аналитические материалы, обзоры игр а ценные рекомендации для начинающих любителей ставок. Мы делимся опытом, чтобы вы развивались совместно с нами! ? Помощь 24/7: Мы постоянно способны реагировать на ваши вопросы и помочь углубиться в нюансах области пари. Вы не окажетесь в одиночестве на в одиночку с данным непростым, но прибыльным предприятием! ? Открытость а искренность: Мы публично размещаем показатели своих прогнозов и не скрываем ничего от наших клиентов. Наша имидж – наш главный капитал! ? Практичный формат: Абсолютно все предсказания а исследование открыты прямо в Telegram, в комфортном и ясном формате. Никаких сложных оболочек и запутанных планов!
Что вы добьетесь, подписавшись на Ставки на спорт приложение паблик азвание вашего канала]?
Каждый день прогнозирования с большой результативностью.
Детальные анализы матчей.
Анализы спортивных новостей.
Необходимые рекомендации по контролю средствами.
Потенциал коммуницировать с соратниками.
Уверенность в личных пари.
И, конечно же, шанс извлечь настоящие средства!
Достаточно растрачивать время на бесполезные беседы о спорте! Приступай работать и трансформируй свои знания в выгоду!
sweet bonanza oyna: sweet bonanza – sweet bonanza guncel
Экспертная разбор: Забудьте насчет пари “для удачу”! Наша группа квалифицированных аналитиков день за днем изучает данные, наблюдает за новостями и определяет максимально многообещающие матчи. Мы не гадаем – мы исследуем! ? Точные прогнозирования: Мы предлагаем не просто прогнозы, а аргументированные выводы, подкрепленные данными и профессиональным суждением. Наша цель – ваша прибыль! ? Разнообразие типов спорта: Футбол, баскетбольные игры, теннисные соревнования, хоккейные игры и куча другое! Мы затрагиваем наиболее известные виды спортивных дисциплин, чтобы абсолютно каждый смог найти что-то увлекательное для себя. ? Безвозмездный контент: Ежедневные свободные предсказания, детальные тексты, разборы поединков и ценные советы для новичков игроков. Мы делимся опытом, чтоб вы прогрессировали бок о бок с нами! ? Поддержка круглосуточно: Мы постоянно способны дать ответ на твои запросы а содействовать углубиться в тонкостях сферы ставок. Вы не окажетесь самостоятельно на самом с этим трудным, но выгодным делом! ? Открытость и правдивость: Мы не скрывая обнародуем итоги своих прогнозирования и не скрываем ничегошеньки от наших последователей. Наша имидж – наш основной ценность! ? Практичный формат: Каждый предсказания и аналитика доступны непосредственно в Telegram, в простом и понятном способе. Без каких либо трудных интерфейсов и запутанных схем!
Что вы приобретете, подписавшись на Ставки на спорт приложение паблик азвание вашего канала]?
День за днем прогнозирования с отличной вероятностью.
Аналитические анализы игр.
Разборы спортивных известий.
Необходимые советы по распоряжению средствами.
Возможность общаться с соратниками.
Гарантия в личных пари.
И, безусловно же, возможность заработать настоящие средства!
Хватит растрачивать минуты на пустые дискуссии про спортивных соревнованиях! Начинай действовать и трансформируй собственные информацию в выгоду!
Экспертная аналитика: Оставьте о беты “для случайность”! Наша группа квалифицированных исследователей день за днем анализирует данные, следит за событиями и находит самые выгодные матчи. Мы не предсказываем – мы анализируем! ? Четкие прогнозы: Мы предоставляем не только предсказания, а мотивированные выводы, основанные показателями и профессиональным мнением. Наша цель – твоя доход! ? Многообразие типов спорта: Футбол, баскетбол, теннисные матчи, хоккейные игры и многое другое! Мы затрагиваем наиболее востребованные виды состязаний, для того чтобы абсолютно каждый смог открыть нечто захватывающее для себя. ? Свободный материал: Ежедневные бесплатные прогнозирования, детальные тексты, разборы поединков а полезные советы для новичков игроков. Мы распостраняем знаниями, для того чтобы вы прогрессировали бок о бок с нами! ? Содействие 24/7: Мы все время готовы реагировать на ваши обращения а содействовать понять в особенностях мира ставок. Вы не будете самостоятельно на в одиночку с этим непростым, но доходным предприятием! ? Прозрачность и правдивость: Мы публично размещаем итоги наших предсказаний и не скрываем ничегошеньки от наших подписчиков. Наша доброе имя – наш главный капитал! ? Удобный способ: Каждый прогнозирования а исследование предоставляются непосредственно в Telegram, в простом и понятном способе. Нет никаких трудных оболочек и сложных планов!
Что вы приобретете, подписавшись на Ставки на спорт вин канал [Название вашего канала]?
Каждый день прогнозы с отличной вероятностью.
Детальные разборы поединков.
Обзоры атлетических событий.
Полезные советы по распоряжению банком.
Шанс коммуницировать с партнерами.
Гарантия в своих бетах.
А, разумеется же, потенциал заработать настоящие финансы!
Перестаньте растрачивать момент на пустые дискуссии про спортивных соревнованиях! Приступай действовать и преврати собственные информацию в выгоду!
blacksprut ссылка – http blacksprut ссылки, блекспрут bs2web
Квалифицированная исследование: Оставьте о пари “по удачу”! Наша группа опытных экспертов ежедневно изучает статистику, наблюдает за известиями а выявляет максимально перспективные игры. Мы не угадываем – мы разбираем! ? Точные прогнозы: Мы предоставляем не лишь прогнозирования, а аргументированные выводы, основанные данными и квалифицированным оценкой. Главная цель – твой выгода! ? Разнообразие видов состязаний: Футбол, баскетбольные поединки, теннисные соревнования, хоккейные игры и многое других! Мы затрагиваем максимально известные типы состязаний, чтоб абсолютно каждый смог обнаружить что-то захватывающее для себя. ? Бесплатный материал: Ежедневные бесплатные прогнозирования, развернутые тексты, обзоры матчей а полезные советы для новичков игроков. Мы предоставляем знаниями, чтобы вы росли бок о бок с нами! ? Поддержка постоянно: Мы все время готовы ответить на твои запросы и помочь разобраться в тонкостях сферы пари. Вы не будете один на один с этим сложным, но прибыльным предприятием! ? Прозрачность и честность: Мы не скрывая размещаем показатели наших прогнозов и не прячем ничего от своих клиентов. Наша доброе имя – наш основной актив! ? Комфортный вид: Все прогнозирования и разбор доступны сразу в Telegram, в удобном и доступном формате. Нет никаких трудных интерфейсов и сложных моделей!
Что вы приобретете, подписавшись на Ставки на спорт информация канал азвание вашего канала]?
Ежедневные предсказания с высокой проходимостью.
Развернутые анализы игр.
Обзоры спортивных событий.
Ценные рекомендации по распоряжению банком.
Шанс контактировать с соратниками.
Гарантия в своих бетах.
И, конечно же, возможность извлечь реальные деньги!
Перестаньте растрачивать время на бесполезные разговоры о спортивных играх! Приступай работать и преврати личные опыт в доход!
вывод из запоя на дому в ростове вывод из запоя на дому в ростове .
кухни на заказ екатеринбург — Уникальные кухни на заказ в Екатеринбурге с учетом всех ваших пожеланий и предпочтений.
кракен тор – кракен официальный, где взять ссылку на кракен
sweet bonanza demo oyna sweet bonanza slot sweet bonanza
A beginner s guide to the best porn games what to play and
http://ahole.whatsapp.xxx-photo.kanakox.com/?taniya-daisy
men masturbating to porn punk emo flash porn xxx brother and sister porn orgasm during sex porn naked chick porn xxx vids
Portugal has long been a country known for producing exceptional talent in the world of sports. With a rich history in football, many athletes from this nation have achieved international fame through their incredible skills and accomplishments http://www.ehion.com/~ameba/dokuwiki/doku.php?id=_The_Business_Benefits_of_Implementing_LGPT_in_Operations
58 realistic porn games to play now 2023 steamy gamer
http://android-sexy.dancer-ke-ppt.sort.hotblognetwork.com/?kaylee-tania
hiker porn free free hot teen lesbian porn blackfemale slave porn airtight porn stories ebont porn tube
list of trusted canadian pharmacies