針對全文透過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>
實際動手玩看看↓↓
Oh my goodness! Amazing article dude! Thank you so much, However I
am experiencing issues with your RSS. I don’t know why I cannot join it.
Is there anyone else getting similar RSS issues? Anyone
who knows the solution will you kindly respond?
Thanx!!
http://sildenafilo.store/# comprar viagra online en andorra
Found an article that’s definitely worth your time – take a look http://eurodelo.ru/plan-evakuatsii-poluchenie-pozharnoy-litsenzii-kak-zhiznenno-vazhnyiy-shag
Слово пацана 9 серия
sex porno
http://kamagraes.site/# farmacias online baratas
заказать ритуальные услуги https://ritual-gratek16.ru/
Raven кошелек – Raven Core Wallet, ohgodanethlargementpill-r2
this contact form
A suicide bombing in Balochistan, Pakistan, near a mosque, claims the lives of over 50 people who had gathered for a religious procession.
https jaxx io – jaxx download, jaxx download
大家好，伙计们！ 我知道，我的信息可能过于具体，
但是我姐姐在这里找到了好男人，他们结婚了，那我呢？！ 🙂
我28 岁，卡琳娜，来自罗马尼亚，我也懂英语和德语
并且… 我有一种特殊的疾病，叫做色情狂。 谁知道这是什么，能理解我（最好马上说）
啊，是的，我做的很好吃！ 我不仅爱做饭；））
我是真正的女孩，不是妓女，并且正在寻找严肃而火辣的关系……
无论如何，你可以在这里找到我的个人资料：http://siobransubs.ml/idl-49344/
Игровые автоматы TTR Casino В каталоге TTR Casino собрано более 2 500 игр, разработанных компаниями Microgaming, Play’n Go, Novomatic, Quickspin, Belatra, BetSoft, Igrosoft, NetEnt и многими другими. Все слоты предусматривают демонстрационный режим, позволяющий оценить потенциал игрового аппарата совершенно бесплатно. В списке самых популярных и щедрых слотов встречаются следующие азартные игры TTR казино: Columbus Discovery – слот с 5 барабанами от компании Новоматик. Имеет 10 активных линий и разработан с помощью технологии HTML5. Основная тематика – географические открытия и морские путешествия. В таблице выплат есть специальная символика. Crazy Monkey – один из самых популярных автоматов, который разработали специалисты Игрософт. Имеет в наличии 9 активных линий и 5 барабанов. Специальная символика отвечает за активацию дополнительных бонусов. Значение максимального множителя достигает отметки х5000. Книжки – аппарат на тему Древнего Египта, разработанный компанией Novomatic. В нем присутствуют 9 линий, бонусная игра и 5 барабанов. Есть специальные символы. Fruit Cocktail – популярный аппарат с 9 линиями от специалистов Igrosoft. Предусматривает наличие 5 барабанов и специальной символики. В таблице выплат преимущественно встречаются фрукты. Есть бонусные игры. StarBurst – необычный слот от NetEnt, насчитывающий 10 линий и 5 барабанов. Есть опция автоспинов и специальная символика в таблице выплат. Также доступны бонусные спины. Удобную игру на сайте обеспечивает система фильтров. Игроки могут выводить автоматы на экран по их популярности, дате добавления в каталог и компании-производителю либо в алфавитном порядке. Для поиска аппарата по его названию на площадке предусмотрена отдельная поисковая строка. В отдельной вкладке меню собраны слоты, которые участвуют в розыгрыше накопленного прогрессивного джекпота. Все игры из списка, который насчитывает около 150 тайтлов, способны выдать максимальный выигрыш. Во вкладке Live-casino представлены популярные развлечения, в которых участвует реальный крупье. Они представлены игрокам TTR Casino специалистами компании Evolution Gaming. Лайв-игры не запускаются на бесплатные фишки. Для получения выплат реальными деньгами участникам потребуется стартовый депозит. Всего пользователям предлагается около 150 столов. Такой список развлечений оценят не только новички, но и опытные гемблеры. Выиграть реальные деньги позволяют разные версии покера, баккара, монополии, кено или рулетки. Спортивная игра, Я – дэдди, | ВКонтакте: официальное зеркало daddy
Девушка предлагает сыграть в казино, пополнить сумму депозита, и потом привыгрыше я должна перечислить 20%.это развод, для чего это им. Девушка предлагает сыграть в казино, пополнить сумму депозита, и потом привыгрыше я должна перечислить 20%.это развод, для чего это им.
Дизайн и функциональность сайта daddy В дэдди полная версия оформлена в фирменных сине-белых тонах и имеет традиционную компоновку: в верхней части страницы расположены служебные кнопки и важные ссылки, линия событий для ставок отображается в боковой колонке слева, в правую часть вынесены купоны ставок, анонсы матчей, видеотрансляций, список игр выбранного раздела или роспись открытого матча отображаются посередине, служебные ссылки и полезная информация находятся в самом низу страницы. Такая компоновка является типичной для большинства букмекеров, поэтому полная версия Daddy будет понятна и новичкам, и опытным любителям ставок. Чтобы зарегистрироваться или войти в личный кабинет, нужно использовать кнопки справа вверху. Там же находятся и клавиши, позволяющие внести депозит или вывести средства. Рядом присутствуют клавиши настройки интерфейса, изменяющие: общий формат показа, вид коэффициентов, отображение изменений коэффициентов, цвета оформления, шрифт текста. Благодаря гибким настройкам, полная версия Дэдди быстро и легко поддается кастомизации. Подобрать оптимальный формат могут как новые игроки, которым важна простота, так и опытные беттеры, требующие максимально полного вывода информации.
https://sildenafilo.store/# viagra precio 2022
эскорт услуги – москва эскорт агентство, москва эскорт агентство
Автор старается быть объективным и предоставляет достаточно информации для осмысления и дальнейшего обсуждения.
Here is a very favorable price for lamborghini rental Miami
farmacia barata: kamagra 100mg – farmacia online barata
Сервисный центр Бош действительно впечатляет своим отличным обслуживанием клиентов. Они всегда жаждут содействовать и справиться с любые проблемы. Посещение их сайта сервис бош ясно показывает их несравненный уровень профессионализма . Столкнулись ли вы с проблемой с техникой Bosch, они – ваш лучший выбор.
mega market – mega sb, mega ссылка
http://farmacia.best/# farmacias baratas online envÃo gratis
Ищите достойную площадку для размещения объявлений? StokBuy имеет массу прекрасных отзывов, в них пользователи находят легкость регистрации, удобную разбивку на категории, расширенный поиск продукции. На сайте нет надоедливых баннеров и рекламных окон. Ищите коммерческая недвижимость бесплатные объявления? StokBuy.com – площадка, где есть возможность найти предложения о предоставлении различных услуг и детально изучить их. Предлагается выбор таких категорий: отдых, дом и дача, оборудование, сырье, комплектующие и другое. С StokBuy просто продать или найти то, что нужно!
Извините за то, что вмешиваюсь… У меня похожая ситуация. Приглашаю к обсуждению.
Иногда поводом раскошелиться становится понимание, что программу вуза мужчина не займет, как купить аттестат за 11 класс а диплом о во нужен.
Игры онлайн казино Story of Hercules 15 lines (История Геркулеса 15 линий) Tarzan and the Jewels of Opar (Тарзан и драгоценности Опара), Guardians Of Ice And Fire (Стражи льда и пламени), Choco Reels (Шоколадные барабаны), Solar King (Солнечный король), Pink Elephants 2 (Розовые слоны 2), Pirate Gold Deluxe (Пиратское золото Делюкс), Book Of Cats (Книжка котов), Sticky Joker (Липкий джокер), Rage of the Seas (Ярость морей). Игровой автомат dolphin s pearl Lev – играть в казино корона – регистрация в Lev
Платёжные системы Валюта. В разных казино используется разная валюта. Проверьте, какая валюта находится в обиходе определённого казино. Некоторые используют только криптовалюту BitCoin. Способы депозита. Типы счетов, с помощью которых можно перевести деньги на свой аккаунт в казино, например, Skrill, Neteller, MasterCard, Visa и пр. Способы вывода средств. Типы счетов, на которые можно перевести деньги со своего игрового аккаунта на счёт, например, Skrill, Neteller, MasterCard, Visa и пр. Время ожидания. Количество времени, которое требуется казино, чтобы обработать запрос на вывод средств. Приемлемым считается любой срок, не превышающий 48 часов.
?? Игра в слоты с мобильного телефона Играть в игровые автоматы казино лев можно со смартфона. Для этого можно перейти к мобильной версии сайта или скачать приложение.
sex üğişşçö
farmacias online seguras en espaГ±a mejores farmacias online п»їfarmacia online
смотреть сериалы 2023
На сайте https://trimach.ru/ вы сможете заказать и приобрести пневмоударное оборудование, горизонтальное бурение. Также оказывается и такая полезная услуга, как сопровождение проектов. Предприятие отличается огромным стажем в вопросе ведения больших проектов, профессиональных консультаций, которые касаются правильной эксплуатации оборудования. В каталоге вы сможете изучить оборудование, которое используется для бурения: буровые коронки, пилотные долота, кольцевые коронки. Также здесь вы сможете заказать и пневмоударные молотки, поворотные головки.
https://sildenafilo.store/# sildenafilo 50 mg precio sin receta
На сайте https://rieltorspb.ru предлагаются квалифицированные услуги риелтора по приемлемым ценам. Специалист оказывает весь комплекс услуг по покупке и продаже квартир и комнат. Личный риелтор обсуждает все вопросы по телефону и договаривается о встрече с клиентом. Далее заключает договор, оплата производится после закрытия сделки. На сайте вы можете подробнее ознакомиться с объектами, новостями и статьями. Заказать звонок, возможно, по телефону, указанному на портале.
Коэффициенты – нормальные Размер возможных выигрышей в Winline можно назвать адекватными. Но не более. Футбол Самые именитые матчи европейских соревнований (АПЛ, Ла Лига, Серия А), а также игры в рамках РПЛ – 4,25-5,37%. Европейские турниры средней руки (Английский Чемпионшип, Турция, Дания) маржа остается в районе 5,3-5,72%. Хоккей Размер забираемой комиссии у Казино на хоккей (исходы, тоталы, форы) – от 5 до 7% для турниров уровня КХЛ, НХЛ и других международных соревнований. Для других – 8%. Теннис Обычно размер маржи на теннисные матчи сохраняется в диапазоне 5-6%. Однако, даже внутри одного турнира очень часто бывает расхождение от 3% до 12%. (исход, тотал, фора). Каких-то пределов обнаружено не было. Баскетбол Турниры первейшей важности — NBA, Евролига – оцениваются букмекером в 5,5-7,5%. Менее значимые и популярные турниры оцениваются по марже в 8-9%. Казино Лев играть https://skidka54.ru/
Казино lev — обзор официального сайта лев Один из самых старых и крупных букмекеров на территории России и СНГ – Лев. Он ведёт деятельность через оффлайн отделения и в онлайн режиме. Последний вариант зачастую выгоднее, за счёт проведения акций и бонусов. Интернет-представительство Казино Lev существуют в виде сайта и мобильного приложения. Регистрация в любом из них быстрая, а при использовании промокода первоначальный депозит будет заметно увеличен. Выбор способа взаимных расчётов с платформой разнообразен, что удобно для пользователей. Помимо основного ресурса Казино Lev постоянно пополняет актуальные зеркала, которые дают альтернативу для входа на сервис. Легальность деятельности Казино лев подтверждает лицензией Curacao. Отечественного аналога этого документа заведение не получало, поэтому его сайты подпадают под блокировку РКН. Справиться с ограничениями позволит зеркало Lev.
lev Casino – официальный сайт Служба поддержки на языках Русский Валюта игрового счета Доллар США Российский рубль Евро Норвежская крона Польский злотый Турецкая лира Украинская гривна Казахстанский тенге +3 валют Основные особенности С минимальным депозитом Версия для телефонов Компания собственник Galaktika N.V., зарегистрированная на о. Кюрасао Платформы Android iOS/iPhone Дата создания 2017 Не доступно для игроков из стран Белоруссия Американские Виргинские острова Американское Самоа Аруба Афганистан Бонайре, Синт-Эстатиус и Саба Великобритания Гваделупа Гренландия Гуам Израиль Иордания Ирак Иран Ирландия Испания Италия Йемен Кипр КНДР Кот-д’Ивуар (Берег Слоновой Кости) Кюрасао Майотта Макао (Аомынь) Малые отдаленные острова США Мальта Мартиника Нидерланды (Голландия) ОАЭ Оман Пакистан Португалия Пуэрто-Рико Реюньон Сен-Мартен Сирия Словакия США Франция Французская Гвиана Эфиопия +36 стран Скрыть страны