針對全文透過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>
實際動手玩看看↓↓
Рекомендую самую лучшую контору – 1win
canadian neighbor pharmacy
142 metformin
There are different spins pardon the pun on Roulette. They offer a safe and secure way for players to enjoy a range of casino games and betting options from the comfort of their own homes. Second Chance Opportunity. Source: https://picquick.ru/top-online-casino-software-suppliers-2023-2024/
Электронные зубные щетки прочно вошли в повседневную рутины ухода за зубами и ротовой полостью многих людей по во всем мире. Они представляют собой инновационное устройство, предназначенное для более эффективной и эффективной чистки зубов и десен. В этой статье мы рассмотрим основные преимущества электрических зубных щеток и покажем, почему они становятся все более популярными посреди потребителей.
Преимущества Монопучковая зубная щетка SM1000, монопучок электронных зубных щеток:
1. Эффективность очистки: Электронные щетки владеют специальными вибрационными или вращательными механизмами, которые дают обеспечение более глубочайшее и тщательное очищение зубов и интервалов между ними. Это помогает удалять налет и освежать дыхание.
2. Удобство использования: Из-за автоматическим движениям щетинок электронная зубная щетка уменьшает время, затраченное на чистку зубов, и упрощает процесс чистки. Также она оснащена таймерами, которые подсобляют держать под контролем время чистки.
3. Деликатность для десен: Почти многие модели электрических зубных щеток имеют датчики давления, которые предупреждают чрезмерное давление на десны во время чистки. Это помогает предотвратить травмы и повреждения десен.
how to get a prescription in canada: prescription from canada – no prescription pharmacy
Медицинское оборудование это особая категория техники, предназначенной для использования в медицинских учреждениях, лабораториях и больницах. Оно играет главную роль в диагностике, лечении и реабилитации пациентов. Медицинское оборудование может быть разнообразным и включать в себя разные устройства, инструменты и аппараты, которые помогают врачам проводить точные и эффективные медицинские процедуры.
Главное назначение мед оборудования обеспечить качественное и неопасное оказание мед подмоги пациентам. Среди наиболее распространенных видов мед оборудования можно выделить последующие категории:
1. Диагностическое оборудование https://tolyatti.medicray.ru/category/catalog-oborudovaniya/tomografy/kt/portativnye-apparaty-kt/ такое как УЗИ-сканеры, рентгенаппараты, КТ-сканеры, аппараты для магнитно-резонансной томографии и др.
2. Хирургическое оборудование, к примеру, операционные столы, хирургические приборы, аппараты для лазерных операций и другие.
3. Лабораторное оборудование, включая анализаторы крови, микроскопы, спектрофотометры, инкубаторы и т.д.
4. Оборудование для реабилитации, в том числе тренажеры, массажные столы, аппараты для электростимуляции и др.
Каждый вид медицинского оборудования выполняет свои специфические функции и имеет свои характерные черты в использовании. В момент выбора медицинского оборудования необходимо учитывать его надежность, безопасность, функциональность и соответствие эталонам качества.
Кроме а всё потому главно держать в голове о постоянном техническом обслуживании и калибровке медицинского оборудования, чтоб обеспечить его правильное функционирование и сохранить высокий уровень работы мед учреждений.
Таким макаром, медицинское оборудование играет ключевую роль в медицинской практике, обеспечивая врачам необходимые приборы для проведения диагностики, исцеления и реабилитации пациентов. Принципиально выбирать оборудование учитывая его свойства, функциональности и соответствия мед эталонам, чтоб обеспечить высокий уровень заботы о здоровье человека.
На сайте https://oknaksa.ru/ оформите заявку для того, чтобы вызвать замерщика на дом. Специально для вас доступны любые типы остекления для квартир, домов. И все в одном месте. На все работы предоставляются гарантии до 20 лет. Доступно бесплатное обслуживание, работы проводятся по ГОСТу, в соответствии с нормативами. На объект приезжают сертифицированные сотрудники, опыт которых более 5 лет. Они предложат различные варианты решения вопроса. Компания заполучила огромное количество постоянных и довольных клиентов, которые рекомендуют ее своим друзьям.
canadian pharmacy no prescription needed: pharm world store – no prescription pharmacy paypal
https://pharmnoprescription.icu/# canadian prescription drugstore review
buying online prescription drugs: canada pharmacies online prescriptions – pharmacy online no prescription
Discovered an interesting article, I suggest you familiarize yourself https://www.stampedeblue.com/users/cchatruletka
https://pharmindia.online/# reputable indian pharmacies
buying prescription drugs from canada online: buy prescription online – canada drugs without prescription
online pharmacy that does not require a prescription online pharmacies without prescriptions buying prescription drugs online canada
Note that DraftKings has a retail sports book available at the Foxwoods Resort Casino. Here s how it works. An online casino is a business, and the basic premise is that it must be profitable for the operator. Source: https://bak.unila.ac.id/greatest-u-s-real-money-online-casinos-february-2024/
buy valtrex without prescription
http://pharmworld.store/# overseas pharmacy no prescription
Hot hairy pussy girls and hairy nude porn sexygirlspics
https://dirty-anal-curvy-teen.fetish-matters.com/?paola-elyse
mexican rx online: mexican drugstore online – mexican mail order pharmacies
Уэнсдэй сериал смотреть
купить семя коки казахстан
Купить квартиру https://newflatsale.ru/ в новостройке: однокомнатную, двухкомнатную, трехкомнатную в жилом комплексе в рассрочку, ипотеку, мат. капитал от застройщика.
Компания “Эксперт ремонта” предлагает ряд превосходств, делающих её выгодным выбором для клиентов:
Профессионализм и опыт – Команда состоит из высококвалифицированных профессионалов с многолетним опытом в ремонтных работах.
Широкий спектр услуг – Компания предоставляет полный диапазон ремонтных услуг, включая косметический и серьезный ремонт, ремонт коммуникаций и установку оборудования Отзывы ремонт квартир Алматы.
Индивидуальный подход – Каждому клиенту гарантируется индивидуальный подход и разработка уникального проекта, учитывающего все пожелания и характерные черты объекта.
Соблюдение сроков – Компания строго соблюдает обсужденные сроки выполнения работ, минимизируя неудобства нужным.
Качественные материалы – Используются только проверенные и сертифицированные материалы, что обеспечивает долговечность и надежность выполненных работ.
Гарантия на выполненные работы – На любые виды работ предоставляется гарантийное обеспечение, что дает дополнительную уверенность клиентам в надежности и качестве услуг.
Положительные отзывы – Высокая репутация среди клиентов и партнеров, подтвержденная бессчетными положительными откликами.
Прозрачная ценообразование – Четкая и понятная система расчета стоимости услуг подсобляет клиентам планировать бюджет без внезапных расходов.
buy medicines online in india: top 10 pharmacies in india – top 10 pharmacies in india
no prescription needed canadian pharmacy: online pharmacy no prescription – canadian pharmacy coupon code
“Эксперт ремонта” – ваш надежный партнер в ремонте квартир в Алматы. Высокое качество, индивидуальный подход.
1. Нужен ремонт? Обратитесь в “Эксперт ремонта”! Профессионализм и точное соблюдение сроков в Алматы.
2. Ремонт от “Эксперт ремонта” – это качество, проверенное временем. Новые технологии и материалы.
3. Переосмысливаем пространство вместе с “Эксперт ремонта”. Современный дизайн и функциональность.
4. Сделайте ваш дом лучше с “Эксперт ремонта”. Полный спектр ремонтных услуг в Алматы.
5. Ваш интерьер в надежных руках “Эксперт ремонта”. Индивидуальные проекты и креативные решения.
6. “Эксперт ремонта” – гарантия качества и долговечности. Ремонт без забот и хлопот.
7. Ищете идеальный ремонт? “Эксперт ремонта” предложит лучшие решения и материалы.
8. Обновите свою квартиру с “Эксперт ремонта”. Быстро, качественно и по доступной цене.
9. Профессиональный ремонт квартир в Алматы – только с “Эксперт ремонта”. Удовлетворенность гарантирована.
10. Откройте для себя новый уровень ремонта с “Эксперт ремонта”. Эксклюзивные дизайны для вашего дома.
11. “Эксперт ремонта” поможет реализовать ваши мечты о идеальном интерьере. Качественный ремонт в Алматы.
12. Надежный и долговечный ремонт от “Эксперт ремонта”. Проверенные материалы и ответственный подход.
13. “Эксперт ремонта” обеспечивает комфорт и стиль. Современные решения для вашего дома.
14. Преобразите своё пространство с “Эксперт ремонта”. Топовые дизайнеры и лучшие материалы.
15. “Эксперт ремонта” – это точность в каждой детали. Ваш интерьер будет выглядеть безупречно.
16. Ваш дом заслуживает лучшего! “Эксперт ремонта” предлагает только высококачественные услуги.
17. Ремонт без стресса и лишних забот. “Эксперт ремонта” сделает все на высшем уровне.
18. Лучший выбор для ремонта квартир – “Эксперт ремонта”. Превосходство и инновации в каждом проекте.
19. Закажите ремонт в “Эксперт ремонта” и наслаждайтесь красотой и комфортом вашего обновленного дома.
21. Эксперт ремонта в Алматы — профессионализм и новаторство в каждом уголке вашего дома.
22. Доверьтесь “Эксперт ремонта” для создания идеального интерьера. Мы создаем красоту и уют.
23. “Эксперт ремонта” — ваш лучший выбор для создания современного и стильного пространства.
24. Совершенство в деталях — визитная карточка “Эксперт ремонта”. Выберите качество и надежность.
25. Новый взгляд на ремонт от “Эксперт ремонта”. Инновации, качество и стиль в каждом проекте.
26. Ремонт без хлопот с “Эксперт ремонта”. Отличное качество по доступным ценам.
27. “Эксперт ремонта” предлагает решения для тех, кто ценит время и качество. Мы работаем для вас.
28. Обновление вашего дома начинается с “Эксперт ремонта”. Превращаем вашу мечту в реальность.
29. “Эксперт ремонта”: где каждый шаг ремонта продуман до мелочей. Совершенный результат гарантирован.
30. Впечатляющий ремонт от “Эксперт ремонта”. Ваше пространство – наша забота и мастерство.
– Numero Verde 800. BetOnline Best Online Casino Site for Mobile Gaming. With its range of banking options and commitment to player safety, Party Casino provides a hassle-free and convenient banking experience for its players. Source: http://www.pierpark.com.br/?p=25133
https://pharmindia.online/# reputable indian online pharmacy
no prescription prednisone