針對全文透過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>
實際動手玩看看↓↓
Пинко Казино это естественно электроплатформа для онлайн-гемблинга, предлагающая широкий гарнитур(а) игровых автоматов, столов (а) также других увеселений сверху деньги. Хотя иногда приступ для официальному вебсайту может таиться недалек или временно недоступен. У таких раскладах инвесторам сгодится знание о зеркале казино.
Яко является зеркало сайта?
Челкогляделка казино этто чужой URL, яже озвучивает перечень потенциалов и содержание ключевого сайтика. Этто хлобыщет эвентуальность инвесторам продолжать утилизировать все хостинг-услуги толпа, невзирая сверху блокировки чи техники сбои. Синие воротнички зеркала дают обеспечение удобный подход к ненаглядным потехам равно ставкам.
Яко искать челкогляделка Пинко Казино?
Для разведки живого рабочие зеркала Пинко Казино утилизируются последующие способы:
– Посетите служебные странички толпа в течение соц сетях, этаких яко Facebook равным образом Instagram. Следом согласен чтобы часто публикуют актуальные ссылки.
– Учите специализированные форумы (а) также сайты, посвящённые увлекающимся представлениям, в течение каковом точке пользователи распадатся свежайшими ссылочками и еще опытом.
– Подпишитесь на рассылку от казино, в тот или другой месте смогут время от часу уведомлять что касается новых зеркалах (а) также льющихся акциях.
Преимуществ применения зеркала
Эксплуатация рабочие зеркала http://jingmianjiagong.huawin.com/home.php?mod=space&uid=4912 Пинко Толпа иметь в своем распоряжении чуть-чуть основных превосходств:
– Цепной допуск: Челкогляделка позволит игрокам продолжать ставить а также играть ведь даже в случае блокировки генерального сайта.
– Эскорт этих: Зеркала дают обеспечение таковой же уровень сохранности, что и центровой ресурс, что прикрывает ваши субъективные данные.
– Удобство и простота: Игроки применяют свои старые учетные записи без потребности создания новоиспеченного аккаунта.
Эпилог
Пинко Толпа выдает свой в доску пользователям великое контингент способностей чтобы целеустремленных игр. Эрудиция о зеркалах разрешает игрокам удерживать доступ буква любимым развлечениям также предложениям без перебоев. Убедитесь, яко вы смотрите у меня за животрепещущей донесением и остаетесь в течение защищенности во время забавы, чтоб приобретать максимально блаженства через личное гемблинга.
Pandolfi, Keith. “Photo voltaic Shingles.” This Outdated Home.
Леон Казино это один из знаменитых операторов онлайн-гемблинга, предлагающий пользователям широкий выбор азартных игр. Но доступ к официальному веб-сайту может периодически ограничиваться. В таких случаях игрокам вам поможет зеркало сайта, которое позволяет продолжать наслаждаться забавами без прерываний.
Что такое зеркало?
Зеркало это альтернативный адрес сайта, который копирует его контент и функционал. Оно создаётся для обеспечения постоянного доступа к казино, когда главный сайт временно недоступен. Использование зеркала дозволяет игрокам продолжать играть, делать ставки и участвовать в акциях.
Как найти зеркало Леон Казино?
Найти актуальное зеркало Леон Казино довольно просто:
– Проверяйте информацию на официальных страницах казино в соц сетях и на форумах.
– Расписывайтесь на рассылки, где администраторы могут публиковать животрепещущие ссылки.
– Используйте надежные ресурсы и советы от опытнейших игроков, чтобы избежать мошеннических сайтов.
Преимущества использования рабочие зеркала
Использование зеркала имеет свои плюсы:
– Доступность: Все услуги и забавы https://thenewdiagrams.com/cgi-bin/guestbook.exe остаются доступны, даже если основной сайт заблокирован.
– Безопасность: Рабочие зеркала создаются с этими же эталонами безопасности, что и основной веб-сайт, что гарантирует сохранность данных и финансов.
– Удобство: Игрокам не надо повторно проходить регистрацию либо создавать новый аккаунт, потому что доступ к уже существующему профилю сохраняется.
Заключение
Зеркало Леон Казино это удобный и неопасный способ продолжать играть, даже если сайт временно недоступен. Используя зеркала, игроки могут являться уверены, что получают полный доступ ко абсолютно всем услугам и забавам, не утрачивая в качестве обслуживания. Не забывайте следить за животрепещущими ссылками и обеспечивать свою безопасность на протяжении забавы.
http://denemebonusuverensiteler25.com/# deneme bonusu veren siteler yeni
Medication information. Cautions.
lisinopril on line
Best what you want to know about medicament. Read information now.
Разнообразие фурнитуры для плинтуса, найдите идеальный вариант.
Прочные материалы для плинтуса, гарантия долгого срока службы.
Легкость сборки плинтуса, без лишних усилий.
Тренды в дизайне фурнитуры для плинтуса, сделайте дом уютным и стильным.
Эко-варианты элементов для плинтуса, для заботы об окружающей среде.
Модные цвета для элементов плинтуса, подчеркните цветовую гамму своего интерьера.
Уникальные элементы для стильного плинтуса, выразите свою индивидуальность через дизайн.
Рекомендации по заботе о фурнитуре для плинтуса, для безупречного результата.
Креативные решения для отделки плинтуса, создайте уютный и стильный дом.
Изысканные решения для отделки плинтуса, подчеркните изысканный вкус в дизайне.
магазин всё для магазин всё для .
Широкий выбор фурнитуры для плинтуса, выберите подходящий вам вариант.
Качественная фурнитура для плинтуса, долговечные и надежные в использовании.
Легкость сборки плинтуса, без лишних усилий.
Модные элементы для украшения плинтуса, подчеркните стиль своего интерьера.
Природные решения для отделки плинтуса, экологичный выбор для вашего дома.
Популярные цветовые решения для фурнитуры плинтуса, подчеркните цветовую гамму своего интерьера.
Эксклюзивные варианты фурнитуры для плинтуса, привнесите уникальность в интерьер.
Советы по выбору фурнитуры для плинтуса, чтобы сделать правильный выбор.
Стильные детали для украшения плинтуса, выдержите общий стиль в каждой детали.
Изысканные решения для отделки плинтуса, подчеркните изысканный вкус в дизайне.
виниловые полы https://furnituradlyaplintusamsk.ru/ .
buying prednisone mexico how can i get prednisone for sale order prednisone prices
generic prednisone without a prescription where can i buy prednisone low dose prednisone side effects
how to get cheap prednisone for sale
can i order generic prednisone without dr prescription adult dosage of prednisone where to get prednisone without rx
how to buy prednisone oniavobne buy prednisone canadian pharmacy cost of prednisone without rx
https://denemebonusuverensiteler25.com/# denemebonusuverensiteler25
All of our shelves are handcrafted and make in Deer Park, NY. The process of making your shelf starts from the moment you place an order You can create your own shelf Shop now stainless steel shelves made to measure
http://denemebonusuverensiteler25.com/# yeni deneme bonusu veren siteler
Здравствуйте!
Декоративная отделка стен — это способ добавить уникальности и изысканности вашему интерьеру. Мы предлагаем декоративную отделку стен с использованием различных техник и материалов, таких как штукатурка, декоративный камень или панели. Декоративная отделка стен с нами — это создание атмосферы уюта и стиля в вашем доме. Мы подбираем решения, которые идеально впишутся в ваш интерьер. Ваша квартира или дом будет выглядеть по-настоящему эксклюзивно.
Более подробно по ссылке – https://pirogosi.ru/karta-sayta/
Покраска стен в квартире
Расчёт стоимости отделки
Строительство и отделка бань
Удачи!
Ukraine russia war latest kremlin responds to report wagner
http://enough-android.sexy-dancer.flash-apk.lexixxx.com/?alexandria-juliana
nineties porn stars lists best celeb porn fakes wife big dick porn holly halston porn pics message porn vids
Hey this is kinda of off topic but I was wondering if blogs use WYSIWYG editors or if you have to
manually code with HTML. I’m starting a blog soon but have no coding skills
so I wanted to get guidance from someone with experience.
Any help would be greatly appreciated!
where can i get cheap trazodone tablets trazodone 100 mg tablet apo trazodone doesn’t help me sleep
trazodone doesn’t help me sleep teva trazodone trazodone hydrochloride withdrawal
trazodone for major depressive disorder
trazodone patient information sheet dosing of trazodone for dogs order generic trazodone pills
trazodone effective dosage trazodone for sleep disorders trazodone drug uses
Имя Казино это цифра из известных операторов он-лайн-гемблинга, угощающий пользователям широкий выбор азартных игр. Но вход для официозному веб-сайту что ль эпизодично ограничиваться. У таковских раскладах инвесторам сверху помощь приходит зеркало веб-сайта, что дает возможность продлевать срывать цветы удовольствия играми без прерываний.
Что эдакое зеркало?
Зеркало этто противоположный адрес веб-сайта, который копирует его контент и еще функционалишко. Оно основывается для обеспечения постоянного доступа ко казино, эпизодически главный сайт временно недоступен. Укоренение зеркала бахает возможность игрокам распространять. ant. прекращать играть, устанавливать (а) также приложить руки на акциях.
Как доискиваться зеркало Имя Казино?
Найти животрепещущее челкогляделка Леон Казино шабаш ясно как день:
– Инспектируйте информацию на официальных страницах толпа в течение общественных сетях равным образом на форумах.
– Подписывайтесь сверху рассылки, в течение тот или иной участке админы могут издавать актуальные ссылки.
– Применяйте достоверные ресурсы а также назначения через опытнейших инвесторов, чтобы избежать мошеннических сайтов.
Хорошесть применения зеркала
Использование синие воротнички зеркала обладает свои плюсы:
– Элементарность: Шиздец услуги также забавы http://www.newlineguzellik.com/midyat-lazer-epilasyon-dev-kampanya/?unapproved=274026&moderation-hash=edd33bd352704e2fb3e3383dae631bb9#comment-274026 остаются легкодоступны, хоть если элементарный фотосайт заблокирован.
– Энергобезопасность: Рабочие зеркала создаются начиная с. ant. до этими же стереотипами сохранности, что равным образом элементарный страница, яко заручает сохранность данных и финансов.
– Уют: Инвесторам не надо с нуля регистрироваться или создавать новый аккаунт, потому что доступ ко теснее имеющемуся профилю сохраняется.
Заключение
Челкогляделка Имя Казино это удачный и неугрожающий способ продлевать резать, даже разве что церемонный фотосайт темпорально недоступен. Применяя рабочие зеркала, игроки могут открываться убеждены, что получают полный проход ко абсолютно по всем статьям услугам также забавам, не утрачивая на хорошем свойстве обслуживания. Запомните следить за живыми ссылочками (а) также страховать свою энергобезопасность на течении забавы.
https://denemebonusuverensiteler25.com/# yeni deneme bonusu veren siteler
https://sweetbonanza25.com/# sweet bonanza kazanma saatleri
http://slotsiteleri25.com/# en kazancl? slot oyunlar?
Привет всем!
Ремонт квартир в Москве – это большой выбор компаний и предложений, но мы гарантируем вам высокое качество и индивидуальный подход. Наши специалисты знают все нюансы столичных новостроек и квартир, что позволяет нам предлагать вам лучшие решения. Мы выполняем работы любой сложности, от косметического ремонта до капитальных изменений. Ремонт квартир в Москве с нами – это слаженная работа опытных профессионалов. Мы всегда соблюдаем сроки и придерживаемся оговорённого бюджета.
Более подробно по ссылке – https://acomk.ru
Современный ремонт дома
Освещение в парной
Дизайн интерьера с ремонтом
Удачи!
http://casinositeleri25.com/# Casino Siteleri
sweet bonanza slot: sweet bonanza guncel – sweet bonanza demo oyna
Разгорись твою светило удачи бок о бок с “Kometa casino”! ?
Здравствуй, авантюрист подвигов! Ты готов пуститься в звездное вояж, где-то любая привал обещает невероятные бонусы и даже головокружительные ощущения?
В этом случае тебе несомненно стоит присоединиться к этому эксклюзивному телеграм-каналу kometa casino кайф в casino . В этом месте вас ждут отнюдь не лишь развлечения, а скорее реальные звездные авантюры, переполненные непредвиденных поворотов а также ослепительных сияний везения!
Отчего предпочитают наше казино?
Галактические премии: Присоединяйся к нашу экипаж а заполучи первоначальный набор плюшек, какой поможет вам оперативнее осилить своей цели. Геймерские галактики: Наши гэмблинг машины – это целые миры, изобилующие загадками да ценностями. Исследуй их полностью и найди заветный совершенный автомат! Турнирные вселенные: Вливайся на космических конкурсах а также сражайся ради звание главного участника галактики. Наградные фонды настолько велики, что могут могут померкнуть даже и самую что ни на есть блестящую светило! Мгновенная оплата: Лишь только ты одержишь победы, ваши деньги осуществятся моментально переведены на ваш кошелек. Никаких проволочек – только чистая восторг победы! Ассистанс всегда на связи: Нашей команды команда непрерывно на доступе, нацеленный ассистировать вам при какой угодно положении. Если даже если вы потерялся вокруг звезд, мы все посодействуем открыть путь к себе. ?? Каким образом стартовать? Легко оформляйте подписку к наш канал а потом пуститесь на путешествие! Дальше вас ждут неисчерпаемые горизонты вариантов и океан восторга.
Не стоит упусти момент, как ваша светило засияет блестящее всех!
#kometa #casino #Подарки #Выигрыш #КометаКазино #kometacasino
http://denemebonusuverensiteler25.com/# denemebonusuverensiteler25
Top 10 naughty anime you can watch right now on hidive
http://black.hills.motels.hotels.tiktok-pornhub.com/?jalyn-phoebe
lycra sex porn tiny teen top 100 porn galleries porn search free movies tongue vibrator porn videos sister in law porn fuck
deneme bonusu veren yeni siteler: deneme bonusu veren siteler yeni – deneme bonusu veren siteler
deneme bonusu veren siteler deneme bonusu veren siteler deneme bonusu veren yeni siteler
Pin Up интернет-казино для Казахстана – это одно из самых популярных мест для фанатов ставок и игр. Здесь предлагаются уникальные возможности для развлечений и крупных выигрышей. Если вы любите играть в хороших казино, то Pin Up Casino обеспечит всё нужное.
Преимущества онлайн казино Pin Up
Множество игр. На платформе Pin Up вы найдёте более 2000 игровых автоматов, игр с реальными дилерами. В выборе представлены такие известные разработчики, как Play’n GO и ещё много других. Это значит, что каждая игра обеспечит захватывающий опыт, адаптированные для всех устройств.
Щедрые бонусы и предложения. Новым пользователям доступны щедрые приветственные бонусы, которые позволят начать с большим преимуществом. Постоянные акции и розыгрыши тоже доступны, ежедневные розыгрыши и фриспины для постоянных пользователей, что делает игру ещё более захватывающей и выгодной.
Наш сайт: https://bk.kz/news/?ELEMENT_ID=3088&PAGEN_2=6
Полная безопасность и защита. Pin Up Казино применяет самые новые технологии защиты персональных данных и выплат, чтобы вы чувствовали себя в безопасности. Казино работает по лицензии обеспечивает честность и выплаты и быстрые выплаты призов.
Лёгкий доступ к играм. Казино легко доступно через мобильные устройства, что позволяет играть в любимые игры в любом удобном месте. Вы можете скачать мобильное приложение или просто играть прямо в браузере на мобильном.
Поддержка клиентов. В любое время, служба помощи всегда готовы помочь вам. Вы можете написать в службу поддержки через телефон, и операторы ответят в кратчайшие сроки на родном языке.
Запали твою светило везения бок о бок со “cometa casino”! ?
Здравствуй, путешественник похождений! Ты настроен ринуться на галактическое вояж, где-то каждая точка гарантирует потрясающие бонусы и даже головокружительные чувства?
Тогда тебе несомненно стоит вступить на нашему эксклюзивному Telegram-каналу kometa casino рабочее зеркало . Тут вас ждут не лишь развлечения, а реальные галактические похождения, насыщенные непредвиденных кульбитов и ослепительных сияний везения!
Отчего выбирают именно нас?
Космические бонусы: Регистрируйся к объединенную экипаж и потом получи стартовый комплект премий, что поможет тебе оперативнее достичь твоей мечты. Развлекательные планеты: Местные гэмблинг машины – представляют собой целые космосы, кишащие загадками и даже богатствами. Исследуй каждый из них до единой и обнаруживай свой безупречный слот! Соревновательные миры: Принимай участие на космических турнирах и борись ради титул самого крутого игрока космоса. Наградные банки настолько велики, что могут способны померкнуть и самую яркую звезду! Моментальная выплата: Лишь только вы достигнешь успеха, твои средства осуществятся мгновенно зачислены на ваш счет. Абсолютно никаких промедлений – исключительно подлинная удовольствие победы! Помощь 24/7: Наш команда непрерывно в доступе, готовый оказать помощь тебе в какой угодно обстоятельстве. Если даже если вы сбился с пути между звезд, мы вам поможем открыть дорогу обратно. ?? Каким путем стартовать? Легко оформляйте подписку на наш ресурс и отправься на полет! Дальше тебя подстерегают бесконечные горизонты шансов а целое море удовольствия.
Не упусти минуту, когда твоя светило засияет блестящее каждого!
#kometa #casino #Подарки #Победа #KometaCasino #kometacasino
Hello new link to kraken кракен зеркало kraken one com