針對全文透過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>
實際動手玩看看↓↓
Guys just made a web-site for me, look at the link:
https://knights.tribe.so/post/a-mechanical-engineering-job-https-onlinefreelancejobs-net-mechanical-engin–62d681b096b807a964f94150
Tell me your guidances. THX!
https://molnupiravir.life/# molnupiravir canada
Пополнение игрового счета Ввод средств на баланс — обязательная процедура для каждого, что решил попробовать силы в платных ставках. Играть в ??????? казино на деньги выгодно и просто. Закинуть бабки на счет гости могут через популярные платежные системы и банковские карты. Чтобы пополнить депозит, перейдите в раздел «Касса», введите нужную сумму и выберите желаемый способ завести реальные рубли. Введите номер платежки и ФИО для подтверждения. Игра на деньги ??????? возможна, когда на бонусном счету есть средства. Вы можете их ставить в любом слоте казино. Реальные отзывы игроков о казино ??????? – http://firmimsk.ru/
Бонусы и акции . «??????? слотс» удваивает первый депозит каждого новоприбывшего игрока. Также бонус распространяется на второй, третий и четвертый депозиты. В данном случае сумма увеличивается на 25-75%. Отыгрывать бонусные средства нужно по вейджеру х30. Программа лояльности. Каждому клиенту, который зарегистрировался на сайте, присваивается статус «Новичок». Он дает возможность получать кэшбек в размере 3%. Кэшбек – это процент от проигранных денег, который возвращается клиенту. Чтобы определить сумму проигранных денег, нужно от общей суммы депозитов отнять размер выводов и деньги, оставшиеся на счету. Самый продвинутый уровень – «Легенда». На данном этапе игрок получает 20% кэшбека. Кроме того, он получает бонус в денежном эквиваленте и бесплатные вращения. Еще один бонус – сюрпризы, которые предусмотрены игрокам, достигшим определенного статуса. Таким образом, чем активнее играет пользователь, тем больше привилегий он получает: К сожалению, казино «??????? слотс» не предоставляет бездепозитного бонуса. Тем не менее, разнообразие депозитных вознаграждений нивелирует данный недостаток.
Новичкам при регистрации на champion Чтобы получить бонусные средства при первой регистрации, необходимо зайти на официальный сайт конторы. Существует два варианта сайта БК ??????? – национальная и оффшорная, при этом первая не блокируется, и вход на нее можно осуществлять вполне свободно. Если пользователь собирается зарегистрироваться на оффшорной версии, доступ к ней может быть ограничен. Для получения возможности входа придется использовать различные методы обхода блокировки – пользоваться зеркальными ссылками, включать ВПН и т.д. Когда страница сайта открылась, необходимо перейти по кнопке «Регистрация» для открытия регистрационной формы. Для регистрации нужно будет ввести свой номер мобильного и другие личные сведения, поля для которых отмечены как обязательные. Также при получении аккаунта требуется определиться с выбором валюты – от этого зависит, в каких денежных единицах будет производиться ставка и как будут начисляться средства. Если при регистрации возможно использование промокода, его потребуется ввести в окошко с надписью «промокод». В некоторых случаях букмекерская контора может предлагать пользователю несколько бонусов на выбор. Тогда нужно определиться и ввести выбранный код. Рабочие промокоды для ???????а периодически выкладываются на страницах в ВК, ФБ, Инстаграм, а также в соответствующих группах в Телеграме и т.д.
chat aveneu gay
freer gay chat rooms
gay furry chat
https://replit.com/@stocktradestar
propecia discount propecia hair loss where to order propecia propecia
Here are some recent testimonials from happy and unhappy users cialis coupon So it is an important thing to remember that the type and dosage of Cialis a product prescribes and the company and manufacturer that makes the Cialis may all have different reasons for not using generic alternatives if they choose to do so
free gay random webcam chat
gay adult phone chat
gay porn chat random
4 Ответ от Санта-Фэ 2021-06-02 14:21:28 Санта-Фэ Пользователь Неактивен Registered: 2021-03-02 Re: Игровая система ??????? школа №48 г. Тюмени 2 корпус (ул. Судоремонтная, 25) 9 января – Новогодний праздник для обучающихся первых. И некоторый один дизайн создает старший продукт того, что нежданные ниточки связаны с лёгкостью. Публика начального императора фото указывает не чтобы которому табу придерживаться за тем почему прекрасным пловцом вы обладаете, но причём уносит поглощать вас в комиссии от ваших рядов. Обзор онлайн казино champion (???????) комментарии и отзывы – http://spa-podarok.ru/
Игровой автомат Book of Ra champion 6 Легендарный видеоэмулятор компании Novomatic регулярно обновляется и совершенствуется, поскольку давно занял пьедестал классики гемблинга. Игровой автомат Book of Ra champion 6 предлагает путешествие в таинственные египетские пирамиды в двух режимах ставок с задействованием 5 базовых и одного дополнительного барабана. Набор символики изменений не претерпел. По-прежнему археолог Джонс и лик Фараона лидируют по оплате, а книга верховного бога Солнца наделена возможностями перевоплощения. Оцените прибыльность игры и увлекательные функции, ничем не рискуя. Игрокам ??????? Платинум официальный сайт предоставлена возможность играть бесплатно и без регистрации Book of Ra Champion 6 на условные кредиты.
Зеркала казино (проблемы с доступом) Онлайн-казино очень часто блокируются государственными органами, а потому сотрудниками компании были разработаны зеркала, позволяющие обходить любую блокировку. В случае возникновения проблем с зеркалом, игроку можно воспользоваться VPN, поменяв IP-адрес своего устройства на тот, где казино ??????? официальный сайт работает официально.
Guys just made a website for me, look at the link:
http://diabeteshub.in/phpbb/viewtopic.php?f=3&t=335761
Tell me your prescriptions.
canadian pharmacy cialis ED affects millions of men
what does viagra do to women canadian pharmacy viagra 50 mg
https://viagracanada.xyz/# viagra lowers blood pressure
Index Study Heterogeneity test Test for overall effect Egger s test I 2 P WMD 95 CI P P IIEF-EF 3 96 0 generic cialis online pharmacy
kuru incir thanks I enjoy reading through your post
cialis coupons buy amoxil 500mg pills order prednisone 10mg
does viagra work the first time? viagra canada prescription
wholesale figs thanks i am at look for such excellent post about subject
?А что, если получить бонусы?? с двух аккаунтов? В этом случае оба профиля могут быть заблокированы??, так как создание двух аккаунтов одним пользователем противоречит правилам сервиса.?? Доступное зеркало champion, profile, maa community рабочее зеркало страницы ???????
Привлекательность «,??????? Казино», для новичков. Поскольку человеку впервые решившему окунуться в мир азартных игр достаточно сложно определиться со стратегией и выбрать подходящий именно ему игровой автомат, очень важно чтобы на площадке была предоставлена возможность бесплатной игры. В «,Champion Casino»,, это учли, и для тех кто еще не решился играть на реальные деньги, имеется возможность бесплатно протестировать практически весь функционал казино. Такой подход, позволяет начинающему игроку снизить риск проигрыша, оценить свои шансы на победу используя тот или иной автомат и даже составить свои стратегии для успешной игры. После чего можно приступать к регистрации и начинать играть на реальные деньги. В заключении, хочется констатировать тот факт, что создатели казино ??????? смогли собрать на своей площадке и объединить все факторы и условия необходимые для комфортной игры и удобства пользователей.
Газонокосилка бензиновая Champion LM5347 Газонокосилка бензиновая Champion LM5347 – крупноразмерная модель с большой мощностью для окашивания больших площадей газона. Косилка оборудована четырехтактным бензиновым двигателем champion G201VK с верхним расположени.
https://github.com/stocktradestar
https://molnupiravir.life/# molnupiravir over the counter
ivermectin for humans for sale http://stromectol.vip/ stromectol for sale
https://viagrabrsm.com over counter viagra
https://viagracanada.xyz/# viagra stories pictures
https://discord.com/channels/1015664137923215391/1015664138392969226
Как скачать и установить Чтобы скачать мобильное приложение ??????? для Андроид или Эпл, достаточно нажать на соответствующую ссылку на нашем сайте в зависимости от типа ОС на вашем смартфоне. Затем загрузить программу на телефон, перед установкой лучше убедиться, что в настройках безопасности стоит разрешение на установку приложений из сторонних источников. Официальный сайт казино ???????. Преимущества и недостатки – http://reparto.ru/
Вопрос-ответ Можно ли через 1win зеркало зарегистрироваться повторно? Нет, повторная регистрация в любом виде категорически запрещена. Пользователя заблокируют, а его средства на игровом балансе заморозят, и вывод будет недоступен. Правда ли, что 1xbet – это второе название конторы 1 win? Нет, это два разных букмекера. У каждого есть свои нюансы, преимущества и недостатки. Вход в 1win Личный кабинет в зеркале выполняется по тому же логину и паролю? Да, каждая рабочая копия ресурса полностью повторяет информацию с основного ресурса и для авторизации требуется ввести свой логин и пароль. Обязательно ли мне искать ссылку на 1win-зеркало, если я работаю с приложением? Если игрок пользуется только мобильным софтом, то ему нет смысла искать рабочий сайт. Но при любой попытке войти на официальный сайт с ПК такая альтернативная ссылка может понадобиться. 1win зеркало можно посещать только с ПК? Нет, альтернативная ссылка работает с любого устройства – планшета, мобильного телефона, ноутбука. Для букмекерской конторы 1win самое важное – безопасность пользователей. Поэтому все личные данные находятся на едином сервере и защищены отдельным каналом. Если игрок заходит с 1win зеркала, то он может быть уверен в сохранности всех своих данных, включая финансовую информацию о счетах и переводах. Именно поэтому при регистрации приходится проходить процесс верификации – букмекеру нужно подтверждение личности каждого игрока. Дополнительная верификация при выводе крупных сумму нужна, чтобы предотвратить мошеннические действия, если кто-то получил доступ к аккаунту игрока.
Верификация профиля Пройдя регистрацию, гемблер получает аккаунт, готовый к азартным развлечениям и может делать депозит. Но функция выплат заморожена до момента, пока клиент не пройдет верификационную процедуру. Она заключается в поэтапном подтверждении личности: Открывается раздел верификации в нижнем меню. Загружается документ, удостоверяющий личность и принадлежность платежного средства. После проверки разблокируется в ??????? казино вывод, в кабинет придет уведомление.
Паспорт (1-й разворот) Фотография, имя, дата рождения Водительское удостоверение Банковская карта Имя владельца, первые и последние цифры номера (средние значения закрывают) Аккаунт в системе электронных платежей Номер кошелька или телефона, имя владельца профиля Имеющиеся в казино ??????? отзывы вывода денег говорят об отсутствии проблем с верификацией и полной разблокировке выплат любым методом из предложенных сервисом. Чтобы сэкономить время, стоит пройти ее после регистрации, иногда срок ожидания доходит до суток.
https://www.pinterest.com/stocktradestar/
discount cialis We love Bitcoin because Big Pharma can t control it
Total win win buy cialis online without a prescription
molnupiravir 400 merck pill