針對全文透過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>
實際動手玩看看↓↓
amoxicillin 500mg buy online canada: п»їroseola vs amoxicillin rash – amoxicillin 500mg for sale uk
can i buy cheap clomid without prescription: clomid iui – can i get cheap clomid prices
pharmacy express
amoxicillin discount coupon: amoxicillin pills – amoxicillin 500mg capsules price
Reduslim Inhaltsstoffe sind ein wichtiger Bestandteil dieses Diätsupplements. Die speziell ausgewählten Zutaten tragen zur effektiven Gewichtsabnahme bei, indem sie den Stoffwechsel ankurbeln und das Hungergefühl reduzieren. Zu den Hauptbestandteilen von Reduslim zählen Grüntee-Extrakt, L-Carnitin, Garcinia Cambogia und Guarana. Diese natürlichen Inhaltsstoffe wirken synergistisch zusammen, um Fettverbrennung zu fördern und den Körper mit Energie zu versorgen. Reduslim wird oft als die ultimative Lösung für diejenigen gepriesen, die schnell und effektiv abnehmen möchten. Durch die regelmäßige Einnahme dieses Supplements können Sie Ihren Traumkörper erreichen und sich rundum wohlfühlen. Probieren Sie Reduslim noch heute aus und überzeugen Sie sich selbst von seiner Wirksamkeit!
https://reduslim.at/
http://prednisonest.pro/# prednisone tablets canada
can i get clomid pills where can i get generic clomid no prescription how can i get clomid prices
prednisone 10 mg: prednisone 20mg – prednisone over the counter australia
where can i get cheap clomid price: clomid multiples – buy clomid
https://kislovodck.ru
Reduslim ist ein beliebtes Nahrungsergänzungsmittel, das in jeder Apotheke erhältlich ist. Es handelt sich um eine natürliche und effektive Lösung zur Gewichtsreduktion. Reduslim enthält eine einzigartige Mischung aus natürlichen Zutaten, die nachweislich beim Abnehmen helfen.
In der Reduslim Apotheke können Kunden das Produkt einfach und bequem erwerben. Es wird empfohlen, Reduslim regelmäßig einzunehmen, um optimale Ergebnisse zu erzielen. Die Kapseln sind einfach anzuwenden und führen zu einem schnellen Fettabbau. Viele Menschen schwören auf die Wirksamkeit von Reduslim und haben bereits große Erfolge damit erzielt.
Die Kombination der Inhaltsstoffe in Reduslim fördert den Stoffwechsel, reduziert das Hungergefühl und unterstützt die Fettverbrennung. Dadurch können Anwender schnell und effektiv abnehmen, ohne auf eine ausgewogene Ernährung oder regelmäßige Bewegung verzichten zu müssen.
Wer also auf der Suche nach einer einfachen und wirksamen Lösung zur Gewichtsreduktion ist, sollte sich definitiv für Reduslim aus der Apotheke entscheiden. Probieren Sie es aus und überzeugen Sie sich selbst von den positiven Effekten dieses Nahrungsergänzungsmittels.
https://reduslim.at/
Teen porn tube with hd young girls sex videos and xxx amateur movies
http://bridgeport.bangkokladyboy.instasexyblog.com/?dylan-kayli
free full length phone porn vids porn adult sex browser set girl pictures porn amputee love porn annette porn stra
Психологи – это специалисты, изучающие человеческое поведение и психические процессы. Они осуществляют широкий спектр методологических подходов, таких как наблюдение, эксперименты, анкетирование и интервью. Они могут работать в различных сферах деятельности, включая как, например, клиническая психология, образовательная психология, организационная психология и спортивная психология.
Психолог обычно обладают степень в области психологии или связанных дисциплин, таких как социология, биология или нейронаука. Они также проходят специализированную специализацию и сертификацию в определенных сферах, чтобы работать с определенными социальными или психологическими проблемами.
В практической работе специалисты в области психологии применяют различные методы и инструменты для анализа человеческого поведения и психологических процессов, такие как наблюдение, проведение экспериментов, анкетирование, интервью, а также различные тесты и шкалы для психологической оценки.
http://clomidst.pro/# order cheap clomid now
Reduslim, ein beliebtes Abnehmprodukt auf dem Markt, verspricht schnelle und effektive Ergebnisse. Doch wie sind die echten Erfahrungen der Anwender? Viele Nutzer berichten von positiven Resultaten, wie einem schnellen Gewichtsverlust und einer gesteigerten Energie. Durch die natürlichen Inhaltsstoffe soll Reduslim auch den Stoffwechsel ankurbeln und Heißhungerattacken reduzieren. Doch nicht alle Erfahrungen sind positiv, einige Nutzer berichten von Nebenwirkungen wie Kopfschmerzen oder Magenbeschwerden. Es ist wichtig, vor der Einnahme von Reduslim einen Arzt zu konsultieren und die Dosierung genau einzuhalten. Letztendlich hängen die Erfahrungen mit Reduslim von der individuellen Verträglichkeit ab.
https://reduslim.at/
https://joncofe.ru
can you buy prednisone over the counter uk prednisone 20 mg purchase prednisone 4mg tab
Психологи – это специалисты, изучающие человеческое поведение и психические процессы. Они осуществляют широкий спектр методологических приемов, таких как наблюдение, эксперименты, опросные методики и интервью. Они практикуют в различных сферах деятельности, таких как включающих в себя клиническую психологию, образовательную психологию, организационную психологию и спортивную психологию.
Психолог обычно имеют высшее образование в области психологии или связанных дисциплин, таких как социология, биология или нейронаука. Они также могут получить профессиональную подготовку и соответствующие сертификаты в конкретных областях, для работы с определенными группами людей или решения конкретных проблем.
В практической работе психологи применяют различные методы и инструменты для анализа человеческого поведения и психологических процессов, включая наблюдение, эксперименты, опросы, интервью, и различные тесты и шкалы для психологической оценки.
Haben Sie schon von der neuen “Reduslim Limited Edition” gehГ¶rt? Dieses revolutionГ¤re Produkt verspricht, Ihren KГ¶rper in kГјrzester Zeit zu transformieren. Die spezielle Formel dieser limitierten Auflage wurde entwickelt, um Fett zu verbrennen und den Stoffwechsel zu beschleunigen.
Die “Reduslim Limited Edition” enthГ¤lt nur die hochwertigsten Inhaltsstoffe, darunter GrГјntee-Extrakt, Koffein und Garcinia Cambogia. Diese Kombination hilft, den Appetit zu kontrollieren und die Fettverbrennung zu maximieren.
Nehmen Sie einfach tГ¤glich eine Kapsel ein und beobachten Sie, wie Ihr KГ¶rper sich verГ¤ndert. Schon nach kurzer Zeit werden Sie die positiven Effekte spГјren und sehen. Verpassen Sie nicht die Gelegenheit, die “Reduslim Limited Edition” auszuprobieren und Ihren TraumkГ¶rper zu erreichen. Greifen Sie jetzt zu und starten Sie Ihre Reise zu einem gesГјnderen und fitteren Leben!
https://reduslim.at/
where can i buy amoxicillin over the counter: where to buy amoxicillin 500mg without prescription – where can i buy amoxocillin
Mylf seductive milf passionately slips her tongue in horny
http://saratov.sgerman.miaxxx.com/?martha-katherine
tube like websites for porn japan pregnant porn anna nicole lookalike porn porn big booty ass plump pics porn videos of lesbians
amoxicillin medicine over the counter: amoxicillin 500 mg dosage for strep throat – amoxicillin 500 coupon
https://clomidst.pro/# where can i buy generic clomid without dr prescription
Reduslim Mercadona opiniones sind sehr gemischt. Einige Kunden schwören auf die Wirkung der Schlankheitspillen und berichten von erheblichem Gewichtsverlust. Andere hingegen sind skeptisch und zweifeln an der Effektivität des Produkts. Es ist wichtig zu beachten, dass jeder Körper anders reagiert und was für den einen funktioniert, kann für den anderen nicht wirksam sein.
Es ist ratsam, vor der Einnahme von Reduslim oder anderen Schlankheitsprodukten immer einen Arzt zu konsultieren. Eine gesunde Ernährung und ausreichend Bewegung sollten immer die Basis eines Gewichtsverlustprogramms sein. Wundermittel existieren nicht und langfristige Erfolge erfordern Geduld und Disziplin.
Insgesamt scheint es, dass Reduslim von einigen Kunden als Unterstützung im Kampf gegen die Pfunde angesehen wird. Dennoch sollte man sich nicht allein auf Pillen verlassen, sondern eine ganzheitliche Herangehensweise an das Thema Gewichtsverlust verfolgen. Jeder Körper ist einzigartig und jeder verdient es, gesund und glücklich zu sein.
https://reduslim.at/
https://clomidst.pro/# can you buy clomid without prescription
https://ninebotrepair.ru
На сайте https://roseline37.ru/ вы сможете заказать интересные, свежие и ароматные цветы: тюльпаны, розы, а также изысканные букеты. Все они составлены из свежих цветов, а потому точно долго простоят в вазе. Регулярно проходят акции, которые позволят существенно сэкономить на покупке. Это позволит приобрести сразу несколько букетов. К примеру, жене и маме. Регулярно на сайте появляются новинки, которые позволят украсить пространство или сделать прекрасный и неожиданный презент дорогому, близкому человеку.
amoxicillin 1000 mg capsule amoxicillin over counter cost of amoxicillin 30 capsules
Wenn es darum geht, Gewicht zu verlieren, suchen viele Menschen nach der perfekten Lösung. Eine viel diskutierte Option ist die Verwendung von Diätpillen wie Reduslim. Doch was genau ist die Reduslim Composizione und wie kann sie bei der Gewichtsabnahme helfen?
Die Reduslim Composizione ist eine spezielle Mischung aus natürlichen Inhaltsstoffen, die zusammenarbeiten, um den Stoffwechsel zu steigern und das Fett zu verbrennen. Zu den Hauptbestandteilen gehören Grüntee-Extrakt, Goji-Beeren und Garcinia Cambogia. Diese Zutaten sind bekannt für ihre Fähigkeit, den Körper zu entgiften, den Appetit zu unterdrücken und die Fettverbrennung zu fördern.
Durch die Einnahme von Reduslim können Benutzer schneller abnehmen und ihr Gewicht halten. Die regelmäßige Verwendung der Diätpillen in Kombination mit einer gesunden Ernährung und regelmäßiger Bewegung kann zu beeindruckenden Ergebnissen führen.
Es ist jedoch wichtig zu beachten, dass die Reduslim Composizione kein Wundermittel ist und nur in Kombination mit einer gesunden Lebensweise effektiv ist. Es ist auch wichtig, Ihren Arzt zu konsultieren, bevor Sie mit der Einnahme von Diätpillen beginnen, um sicherzustellen, dass sie sicher für Ihre individuelle Gesundheit sind.
Insgesamt kann die Reduslim Composizione eine hilfreiche Ergänzung auf Ihrem Weg zur Gewichtsabnahme sein. Mit den richtigen Erwartungen und der richtigen Herangehensweise kann sie Ihnen dabei helfen, Ihre Ziele zu erreichen und ein gesünderes Leben zu führen.
https://reduslim.at/
amoxicillin pharmacy price: amoxicillin 500 mg purchase without prescription – where can i buy amoxicillin over the counter uk