針對全文透過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>
實際動手玩看看↓↓
Gogo Casino bonus är en spännande möjlighet för spelare att öka sina vinstchanser och maximera sin spelupplevelse. Denna onlinekasinobonus ger spelare möjligheten att få extra pengar att spela för, vilket kan öka deras chanser att vinna stort.
För att ta del av Gogo Casino bonus krävs det att spelaren registrerar sig på kasinots webbplats och gör en insättning. Därefter kommer de att bli belönade med en bonussumma som de kan använda för att spela sina favoritspel. Det är viktigt att läsa villkoren för bonusen noggrant för att förstå hur den fungerar och vilka regler och krav som gäller.
En av fördelarna med att använda en kasinobonus är att det ger spelare möjligheten att prova nya spel och upptäcka nya favoriter utan att riskera sina egna pengar. Bonusen ger också spelare chansen att öka sin vinstchans eftersom de har mer pengar att spela för.
Det är dock viktigt att komma ihåg att kasinobonusar oftast har ett omsättningskrav, vilket innebär att spelarna måste satsa en viss summa pengar innan de kan ta ut sina vinster. Det är därför viktigt att läsa de specifika reglerna och villkoren för bonusen för att undvika missförstånd och obehagliga överraskningar.
Gogo Casino bonus är en spännande möjlighet för spelare att öka sina vinstchanser och ha ännu mer kul när de spelar sina favoritspel online. Genom att utnyttja denna bonus kan spelare få en riktigt bra start på sitt speläventyr och förhoppningsvis ta hem stora vinster. Så varför inte prova lyckan och ta del av Gogo Casino bonus redan idag? Lycka till!
https://gogocasino.one
sweet bonanza guncel: sweet bonanza free spin demo – sweet bonanza kazanma saatleri
en cok kazandiran slot siteleri: slot oyun siteleri – slot oyun siteleri
Gogo Casino Г¤r en populГ¤r online casino med en mГ¤ngd olika spel och bonusar fГ¶r sina spelare. En av de mest eftertraktade bonusarna Г¤r den sГҐ kallade “no deposit bonus”, vilket innebГ¤r att spelarna fГҐr en bonus utan att behГ¶va gГ¶ra en insГ¤ttning.
Denna typ av bonus är ett perfekt sätt för nya spelare att prova på casinot utan att riskera sina egna pengar. Oftast består en no deposit bonus av antingen gratis spins på en specifik spelautomat eller en summa bonuspengar som spelaren kan använda för att spela olika casinospel.
För att ta del av en no deposit bonus hos Gogo Casino behöver spelarna oftast bara registrera ett konto och verifiera sin identitet. Därefter kommer bonusen att krediteras till deras konto och de kan börja spela utan att behöva göra någon insättning.
Det är viktigt att notera att no deposit bonusar oftast kommer med vissa omsättningskrav som måste uppfyllas innan spelarna kan ta ut sina vinster. Det är därför viktigt att läsa igenom villkoren och reglerna för bonusen innan man börjar spela.
Sammanfattningsvis är Gogo Casino en bra plats för spelare som letar efter no deposit bonusar och andra spännande erbjudanden. Med ett stort utbud av spel och generösa bonusar är det här casinot definitivt värt att kolla in för alla som älskar att spela online.
https://gogocasino.one
http://cleandi.ru/
https://sweetbonanza.bid/# sweet bonanza demo
Gogo casino bonus utan insättning
Är du sugen på att spela på ett nätcasino utan att behöva sätta in egna pengar? Då kanske Gogo casino bonus utan insättning är något för dig! Genom att använda dig av en no deposit bonus har du möjlighet att prova på olika spel och kanske till och med kamma hem en stor vinst utan att behöva investera några pengar själv.
Gogo casino är ett välkänt online casino som erbjuder sina spelare generösa bonusar och kampanjer. En av de mest populära erbjudandena är just no deposit bonusen, där du som spelare får en viss summa pengar att spela för utan att behöva göra en insättning. Detta är ett utmärkt sätt att testa på casinots spelutbud innan du bestämmer dig för att satsa riktiga pengar.
För att ta del av Gogo casino bonus utan insättning behöver du endast registrera dig som spelare på casinot. Därefter kommer du att få din bonus automatiskt insatt på ditt spelkonto. Det finns dock vissa regler och villkor som du behöver följa för att kunna ta ut eventuella vinster som du vinner genom att använda bonusen. Det är därför viktigt att läsa igenom dessa noggrant innan du börjar spela.
Så om du är sugen på att prova på Gogo casino och delta i spännande spel utan att behöva sätta in egna pengar, ska du definitivt ta del av deras no deposit bonus. Vem vet, kanske är det just du som vinner stort!
https://gogocasino.one
gates of olympus oyna demo: gates of olympus giris – gates of olympus
Popular Strains. You also need to know when your cannabis seeds are ready to germinate, as immature seeds won t sprout properly we ll get into this below. It s important to note that if temperatures are too low or fall below freezing, cannabis seeds can become damaged or die. Source: https://media2solution.wordpress.com/2013/06/10/buy-cannabis-seeds-online-your-ultimate-online-seed-bank-for-premium-marijuana-genetics/
Предлагаю лучшую букмекерскую контору 1xbet
Узнать больше https://xn—-jtbjfcbdfr0afji4m.xn--p1ai/
Das Boomerang Casino ist eine beliebte Online-GlГјcksspielseite, die eine Vielzahl von Spielen und Boni fГјr Spieler anbietet. Wir haben eine Rezension Гјber das Boomerang Casino geschrieben, um Ihnen einen Гњberblick Гјber seine Funktionen zu geben.
Das Boomerang Casino bietet eine große Auswahl an Spielen, darunter Spielautomaten, Tischspiele, Live-Dealer-Spiele und mehr. Die Spiele werden von renommierten Softwareanbietern wie NetEnt, Microgaming und Evolution Gaming bereitgestellt, was bedeutet, dass Sie eine hochwertige Spielerfahrung erwarten können.
Einer der Hauptvorteile des Boomerang Casinos sind die großzügigen Boni und Promotionen, die sie ihren Spielern anbieten. Neue Spieler können von einem Willkommensbonus profitieren, der ihnen zusätzliches Geld und Freispiele verschafft. Darüber hinaus gibt es regelmäßig wechselnde Aktionen und Turniere, bei denen Spieler attraktive Preise gewinnen können.
Die Sicherheit und Fairness der Spiele im Boomerang Casino sind ebenfalls von höchster Bedeutung. Die Seite verwendet moderne Verschlüsselungstechnologien, um sicherzustellen, dass alle persönlichen Daten der Spieler geschützt sind. Darüber hinaus werden die Spiele regelmäßig von unabhängigen Prüfstellen auf ihre Fairness überprüft, um sicherzustellen, dass alle Spieler die gleichen Gewinnchancen haben.
Zusammenfassend ist das Boomerang Casino eine empfehlenswerte GlГјcksspielseite fГјr Spieler, die eine Vielzahl von Spielen, groГџzГјgige Boni und eine sichere Spielumgebung suchen. Wir empfehlen Ihnen, sich selbst auf der Website umzuschauen und die verschiedenen Spiele und Angebote auszuprobieren. Viel GlГјck und viel SpaГџ beim Spielen im Boomerang Casino!
https://boomerangcasino.one/
The seed bank does include a useful blog area with a ton of educational articles, including ones on the Top 9 strains for Gaming and 10 Marijuana strains for Creativity. This will make it easier to see the buds and improve airflow during the drying process. In addition to all of that, dill seeds have a characteristic not found in dill weed their flavor tends to become stronger when heated. Source: https://makeinindiya.com/?p=4169
gate of olympus hile: gates of olympus max win – gate of olympus hile
https://gatesofolympus.auction/# gates of olympus taktik
Then it occurred to me to remove the dill weed, still floating on the top of the large jar in which the okra was. Autoflower seeds have earned their reputation as one of the fastest and easiest ways to grow cannabis. Expect to wait around 100 days for your auto seeds to reach harvest point outdoors. Source: https://buongphunson.net/6-evidence-based-well-being-advantages-of-hemp-seeds/
http://sweetbonanza.bid/# sweet bonanza indir
pin up indir: pin-up casino indir – pin up indir
I Love Growing Marijuana is the brainchild of prominent cannabis grower , Robert Bergman, and is based in good ol Amsterdam. These baby seedlings are incredibly fragile, and the stress from planting the germinated seed can kill the plant if you don t handle them with care. After a few days, tiny roots will begin to emerge. Source: https://theschooltour.com/?p=14143
Eu recomendo este site Fortune Tiger
pin up casino guncel giris: pin up casino guncel giris – pin-up online
Eu só recomendo este original Fortune Tiger
https://slotsiteleri.guru/# en guvenilir slot siteleri
As an indoor grower, your job is to replicate those conditions. Some growers choose to use peat pellets, starter cubes, and seedling plugs when germinating weed seeds. These changes in the distribution of the weed seeds in the weed seedbank will influence weed emergence and the resulting weed population in farm fields. Source: https://kamenpescar.rs/2013/06/15/buy-marijuana-seeds-on-line-the-most-effective-seed-banks-for-uk-prospects-our-partners/
https://slotsiteleri.guru/# 2024 en iyi slot siteleri
https://pinupgiris.fun/# aviator pin up
http://sweetbonanza.bid/# sweet bonanza yorumlar
Gogo Casino – en trasnparent spelupplevelse
Gogo Casino har snabbt blivit en populär destination för spelare som söker en transparent och säker spelupplevelse. Med sitt enkla och stilrena gränssnitt har casinot skapat en plattform där spelarna kan njuta av sina favoritspel utan krångliga villkor eller dolda avgifter.
Ett av de främsta kännetecknen för Gogo Casino är dess transparenta approach till spelutbud och regler. Spelarna kan enkelt navigera bland olika spelkategorier och hitta sina favoriter utan att behöva leta igenom en massa onödig information. Dessutom erbjuder casinot tydliga regler och villkor som är lättillgängliga för alla spelare.
När det kommer till transaktioner och betalningar är Gogo Casino också mycket transparent. Spelarna kan enkelt sätta in och ta ut pengar utan att behöva oroa sig för dolda avgifter eller otydliga regler. Casinot erbjuder också flera olika betalningsmetoder, vilket gör det lätt för spelarna att välja den metod som passar dem bäst.
Utöver sin transparenta approach är Gogo Casino också känt för sitt stora spelutbud. Här hittar spelarna alla sina favoritspel från välkända spelleverantörer, vilket gör att det finns något för alla smaker. Dessutom erbjuder casinot regelbundet kampanjer och bonusar som ger spelarna ännu mer spänning och underhållning.
Sammanfattningsvis är Gogo Casino en idealisk destination för spelare som värdesätter transparens och säkerhet i sin spelupplevelse. Med sitt enkla gränssnitt, tydliga regler och stora spelutbud har casinot skapat en plattform där spelarna kan njuta av sina favoritspel utan bekymmer. Gogo Casino är definitivt värt ett besök för alla som letar efter en trygg och transparent spelupplevelse.
https://gogocasino.one
Gogo Casino har förändrat spelmarknaden genom att erbjuda transparenta och ärliga spelupplevelser till spelare. Genom att ha en öppen och transparent policy har de skapat ett förtroende hos sina kunder och blivit en ledande aktör på marknaden.
Genom att erbjuda en transparent spelupplevelse kan spelare känna sig trygga med att deras pengar är i säkert förvar och att spelen är rättvisa och slumpmässiga. Gogo Casino har en tydlig och lättförståelig användarvillkor som beskriver alla regler och villkor som gäller för spel på deras plattform.
Genom att vara transparent visar Gogo Casino att de tar ansvar för sina kunder och deras spelupplevelse. De erbjuder också ett stort utbud av spel från de bästa leverantörerna på marknaden, vilket ger spelarna en varierad och underhållande spelupplevelse.
Genom att välja Gogo Casino kan spelare känna sig trygga och säkra i sitt spelande och njuta av en transparent och ärlig spelupplevelse. Med sin professionella och pålitliga service har Gogo Casino blivit en favorit bland många spelare och fortsätter att växa och utvecklas på marknaden.
https://gogocasino.one
Zet Casino Störung
Das beliebte Online-Casino Zet Casino hat in letzter Zeit mit einigen technischen Störungen zu kämpfen. Viele Spieler berichten von Verbindungsproblemen, langen Ladezeiten und sogar Abstürzen während des Spielens. Diese Störungen führen nicht nur zu Frustration bei den Spielern, sondern können auch dazu führen, dass diese ihr Vertrauen in das Casino verlieren und sich nach einer anderen Plattform umsehen.
Die Ursachen für diese Störungen sind bisher nicht bekannt. Es wird jedoch vermutet, dass sie auf technische Probleme mit den Servern oder der Software des Casinos zurückzuführen sind. Die Betreiber des Casinos arbeiten bereits daran, diese Probleme so schnell wie möglich zu beheben und die bestmögliche Spielerfahrung zu gewährleisten.
In der Zwischenzeit empfehlen wir den Spielern, geduldig zu sein und die offiziellen Social-Media-Kanäle des Casinos im Auge zu behalten, um über den aktuellen Stand der Störungen informiert zu bleiben. Es ist auch ratsam, regelmäßig die Webseite des Casinos zu besuchen, um Updates zu erhalten und mögliche Entschädigungen oder Sonderaktionen in Anspruch zu nehmen.
Trotz der aktuellen Probleme bleibt Zet Casino eine der beliebtesten Online-Glücksspielplattformen und bietet eine Vielzahl von Spielen und Bonusangeboten für seine Spieler. Wir hoffen, dass die Störungen bald behoben werden und die Spieler wieder ein reibungsloses Spielerlebnis genießen können.
https://zetcasino.one/