針對全文透過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>
實際動手玩看看↓↓
Woman taking a bath videos and hd footage getty images
https://0001322-mature-friend-finder.fetish-matters.net/?elisabeth-nya
buy medicines online in india indian pharmacy indianpharmacy com
pharmacy wholesalers canada: Large Selection of Medications – canadian 24 hour pharmacy
Boomerang Casino Mobil
Das Boomerang Casino ist bereits vielen Spielern ein Begriff, die gerne in Online-Casinos ihr GlГјck versuchen. Nun gibt es auch eine mobile Version des beliebten Casinos, mit der man auch unterwegs jederzeit und Гјberall spielen kann.
Die mobile Version des Boomerang Casinos ist einfach zu bedienen und bietet ein breites Spektrum an Spielen, von Slot-Maschinen über Tischspiele bis hin zu Live-Casino-Spielen. Dabei wurden die Spiele für die mobile Version optimiert und laufen reibungslos auf verschiedenen Geräten, sei es ein Smartphone oder Tablet.
Dank der mobilen Version des Boomerang Casinos kann man auch unterwegs nicht auf den Spaß und die Spannung von Casino-Spielen verzichten. Egal ob man in der Bahn sitzt, im Park spazieren geht oder auf den Bus wartet, man hat jederzeit Zugriff auf die vielfältige Auswahl an Spielen des Boomerang Casinos.
Zudem bietet das Boomerang Casino Mobil auch die Möglichkeit, Ein- und Auszahlungen vorzunehmen, Bonusangebote zu nutzen und den Kundendienst zu kontaktieren. Somit ist man auch unterwegs bestens versorgt und kann sich ganz auf das Spielvergnügen konzentrieren.
Insgesamt ist das Boomerang Casino Mobil eine gelungene Ergänzung zum bereits etablierten Online-Casino und bietet den Spielern die Möglichkeit, auch von unterwegs aus unkompliziert und bequem zu spielen. Probieren Sie es aus und lassen Sie sich von der Vielfalt der Spiele und der Benutzerfreundlichkeit der mobilen Version überzeugen!
https://boomerangcasino.one/
Gogo casino är en nylanserad online casino som har tagit Sverige med storm. Med sitt enkla och stilrena design lockar de spelare med en förstklassig spelupplevelse. Här kan du njuta av ett brett utbud av populära casinospel, generösa bonusar och smidiga betalningsmetoder.
En av de frГ¤msta fГ¶rdelarna med Gogo casino Г¤r deras imponerande spelportfГ¶lj. HГ¤r hittar du allt frГҐn klassiska bordsspel som blackjack och roulette till moderna video slots med spГ¤nnande teman och funktioner. Alla spel levereras av ledande spelutvecklare som NetEnt, Microgaming och Play’n GO, vilket sГ¤kerstГ¤ller en hГ¶g kvalitet och rГ¤ttvis spelmiljГ¶.
När det kommer till bonusar och kampanjer har Gogo casino mycket att erbjuda. Nya spelare välkomnas med en generös välkomstbonus som inkluderar både bonuspengar och free spins. Dessutom arrangerar de regelbundet olika kampanjer och tävlingar där spelare kan vinna fina priser och förmåner.
För att göra insättningar och uttag är det enkelt och smidigt hos Gogo casino. De erbjuder flera populära betalningsmetoder som Visa, Mastercard, Skrill och Neteller, vilket ger spelare flexibilitet och trygghet i sina transaktioner.
Sammanfattningsvis är Gogo casino definitivt värt ett besök för alla som är passionerade om casino och vill ha en underhållande spelupplevelse. Med sitt stora spelutbud, generösa bonusar och pålitliga betalningsmetoder kommer du garanterat att trivas här. Besök Gogo casino idag och upplev själv allt de har att erbjuda!
https://gogocasino.one
With the advent of the computer era, the field of bookmaking has undergone significant changes. Many virtual offices have appeared on the Internet, in which you can place bets without leaving your computer.
The main guarantee of the popularity of such offices are the following factors:
1.Significant time savings in the betting process. That is, you don’t need to get to the office, wait your turn and then return home. In addition, in an online office you can get all the statistics at once and not waste time searching and analyzing them.
2.You can place a bet at any time, be it day or night.
3.A huge opportunity to play not only in one place, but to place bets in different offices, thereby increasing the chance of winning.
4.B Promptness of depositing and withdrawing funds.
5.Availability of opportunities to receive substantial bonuses and valuable gifts, as well as take part in promotions. This enhances the pleasure of the game and fuels the excitement https://pantip.com/profile/8017541
6.The highest probability that winning and fortune will be on your side.
The administration of online bookmakers pays very close attention to the privacy of players. The most reputable and reliable institutions guarantee complete protection of bettors’ personal data and the impossibility of access to it by unauthorized persons.
There will be no disappointments
Among the great variety of online bookmaking establishments, players have a special place in their books when it comes to the bookmaker’s office, which has a strong reputation as a reliable and honest business partner. Although the activity is completely legal, sometimes it is still blocked.
In order to bypass the blocking, a mirror was invented that makes it possible to go to the official website without any problems. The user will not have any problems, because the mirror is just a link to go to. Also, switching to a mirror is an extra step in protecting your data, which is also not unimportant.
Gogo Casino är ett populärt online casino som lanserades i Finland år 2019. Med ett stort urval av spelautomater, live casinospel och bordsspel har Gogo Casino snabbt blivit ett favoritval för många spelare i Finland.
En av anledningarna till Gogo Casinos popularitet är dess användarvänliga och moderna design. Hemsidan är lätt att navigera och spelarna kan enkelt hitta sina favoritspel genom att söka efter dem eller använda kategorierna som erbjuds.
Gogo Casino tar ansvar för att erbjuda sina spelare en säker och rättvis spelupplevelse. De erbjuder en säker betalningsmetod via Trustly, vilket gör att spelarna kan göra insättningar och uttag snabbt och säkert.
En annan fördel med Gogo Casino är deras generösa bonuserbjudanden och kampanjer. Nya spelare kan ta del av en välkomstbonus vid sin första insättning och befintliga spelare kan dra nytta av regelbundna bonusar och belöningar.
Sammanfattningsvis är Gogo Casino ett utmärkt val för finska spelare som är ute efter en spännande och underhållande spelupplevelse. Med sitt stora spelutbud, användarvänliga design och säkra betalningsmetoder är det inte konstigt att Gogo Casino har blivit en favorit bland många finska spelare. Besök Gogo Casino idag och upplev spänningen själv!
https://gogocasino.one
Завод из России реализует оборудование для фитнеса https://oborudovanie-dlya-fitnesa.ru/ по низким ценам, без посреднических наценок. Всегда в продажеобширный ассортимент для постоянных клиентов. Продаем доступные машины и аксессуары, которые помогут вам улучшить ваше здоровье и физическую форму.
В создании мягких частей применяется искусственная кожа. Основные элементы сделаны из углеродистых видов стали. Качественные продукты позволяют продуктивно заниматься фитнесом как дома, так и тренажерном зале. Производимое оборудование отличается выдающимся качеством и надежностью, что позволяет вам тренироваться продуктивно и комфортно. Для домашнего использования подойдут бодибары, гантели, балансировочные платформы, фитболы, платформы босу, атлетические кольца, платформы Bosu, скакалки, медболы.
And don t forget to meet us in Thailand to try our genetics firsthand. If you spend more than 200 , you get free worldwide shipping. Regular cannabis seeds can be either male or female. Source: https://1502jungle.com/the-ten-finest-online-seed-banks-that-ship-to-the-usa-legally-in-2023_1698906499.html
reputable canadian online pharmacy Large Selection of Medications canada pharmacy 24h
buy prescription drugs from canada cheap: Licensed Canadian Pharmacy – canadian pharmacy com
medication canadian pharmacy: canadian pharmacy 24 – vipps canadian pharmacy
Intellectual property office patent document and information
https://bangali-nude-girl-dance.fetish-matters.com/?emilia-alexus
Российский завод продает спортивные тренажеры https://sportivnyj-trenazher.ru/ для напряженной эксплуатации в коммерческих условиях. В интернет-магазине вы найдете самые лучшие варианты тренажеров – блочных и на свободных весах. Объемный каталог позволяет найти тренажеры для направленной укрепления практически любых мышц. Закажите многофункциональный Кроссовер, Баттерфляй, силовую раму Смита, вертикальную тягу, скамью Скотта, Дельта машину, Гакк тренажер, конструкции для работы с собственным весом, Гравитрон, гиперэкстензию, атлетические скамьи, горизонтальную лавку, рычажные Хаммеры. Создаваемое оборудование не требует регулярного специального обслуживания. Можете выбрать весовой стек оптимального веса.
reputable canadian pharmacy Large Selection of Medications reddit canadian pharmacy
Visite o site real do jogo Fortune Tiger
buy medicines online in india Healthcare and medicines from India buy prescription drugs from india
pharmacy website india: buy medicines online in india – best online pharmacy india
Online medicine order: indian pharmacy delivery – top 10 online pharmacy in india
online pharmacy india: Cheapest online pharmacy – indian pharmacy
Предлагаю вам лучшую Букмекерскую контору 1xbet
Gogo Casino är en spännande online casino där spelare kan njuta av ett brett utbud av spel och vinna stora priser. En av de viktigaste aspekterna för spelare är möjligheten att göra uttag från sitt konto. I den här artikeln kommer vi att titta närmare på hur Gogo Casino hanterar uttag och vad spelare kan förvänta sig när de tar ut sina vinster.
När det gäller uttag på Gogo Casino finns det flera olika alternativ tillgängliga för spelare. Spelare kan välja mellan att använda kreditkort, banköverföring eller olika e-plånböcker som Skrill och Neteller för att ta ut sina vinster. De flesta uttag på Gogo Casino behandlas inom 24 timmar och pengarna kommer vanligtvis in på spelarens konto inom 1-3 bankdagar, beroende på vilket uttagsalternativ som används.
För att göra ett uttag på Gogo Casino behöver spelare bara logga in på sitt konto, gå till uttagssektionen och välja det belopp de vill ta ut. Spelare kan också behöva verifiera sin identitet genom att skicka in kopior av sina identitetshandlingar för att säkerställa att uttaget går smidigt och säkert.
Det är viktigt att notera att det kan finnas vissa begränsningar när det gäller uttag på Gogo Casino. Vissa uttagsmetoder kan ha högre minsta och maximala belopp och det kan också finnas en avgift för att behandla uttag. Det är därför viktigt att spelare läser igenom de villkor och bestämmelser som gäller för uttag på Gogo Casino innan de begär ett uttag.
Sammanfattningsvis är Gogo Casino ett pålitligt och säkert online casino där spelare kan njuta av en fantastisk spelupplevelse och ha möjlighet att vinna stora priser. Med flera olika uttagsalternativ och snabba behandlingstider, gör Gogo Casino det enkelt för spelare att ta ut sina vinster och njuta av sina spel. Så om du letar efter ett spännande online casino med en bra uttagsprocess, är Gogo Casino definitivt värt att prova. Lycka till och ha kul att spela!
https://gogocasino.one
List of longest animal porn clips and zoo movies xtubezoo
https://new-mature-videos-planete.fetish-matters.com/?thalia-kiersten
É um site muito lucrativo Fortune Tiger
india pharmacy mail order indian pharmacy paypal Online medicine order
Предлагаю топовую в своем роде Букмекерскую контору 1xbet
Reduslim – Wo kГ¶nnen Sie es kaufen?
Reduslim ist ein beliebtes NahrungsergГ¤nzungsmittel zur Gewichtsabnahme, das in vielen LГ¤ndern erhГ¤ltlich ist. Viele Menschen fragen sich jedoch: “Reduslim gdzie kupiД‡?” Das bedeutet auf Deutsch “Wo kann ich Reduslim kaufen?”
Es gibt verschiedene Möglichkeiten, Reduslim zu kaufen. Die einfachste und bequemste Methode ist der Kauf über die offizielle Website des Herstellers. Dort können Sie das Produkt direkt bestellen und erhalten es schnell und zuverlässig nach Hause geliefert.
Wenn Sie Reduslim lieber persönlich kaufen möchten, können Sie in Apotheken oder Drogeriemärkten nach dem Produkt suchen. Beachten Sie jedoch, dass die Verfügbarkeit von Reduslim in lokalen Geschäften möglicherweise begrenzt ist.
Eine weitere Option ist der Kauf von Reduslim über Online-Shops wie Amazon oder eBay. Hier können Sie das Produkt in der Regel zu einem günstigeren Preis finden, aber achten Sie darauf, dass Sie nur von vertrauenswürdigen Verkäufern kaufen.
Egal für welche Kaufmethode Sie sich entscheiden, vergewissern Sie sich, dass Sie Reduslim von einem seriösen Anbieter beziehen, um die beste Qualität und Wirksamkeit des Produkts zu gewährleisten. Starten Sie noch heute mit Reduslim und bringen Sie Ihren Körper in Form!
https://reduslim.at/
mexican mail order pharmacies: mexican pharmacy – mexican rx online
Российская компания предлагает оборудование для фитнеса здесь oborudovanie-dlya-fitnesa.ru по доступным ценам, без посреднических накруток. Всегда в продажеобширный каталог для постоянных покупателей. Предоставляем функциональные тренажеры и аксессуары, которые помогут вам улучшить ваше здоровье и физическую форму.
В изготовлении мягких элементов применяется эластичный кожзам. Массивные части конструкции производятся из легированных видов стали. Функциональные снаряды дают возможность продуктивно заниматься фитнесом как в квартире, так и спортивном клубе. Производимое оборудование отличается достойным качеством и надежностью, что позволяет вам тренироваться безопасно и эффективно. Для домашних занятий идеально подойдут бодибары, слэмбэги, степ платформы, грифы, кольца для пилатеса, массажные ролы, диски для баланса, скакалки, утяжелители.
cheapest online pharmacy india: п»їlegitimate online pharmacies india – indian pharmacy paypal