針對全文透過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>
實際動手玩看看↓↓
Фильмок тв предлагает вашему вниманию самые лучшие фильмы. Вы можете в любое время смотреть их онлайн совершенно бесплатно. На странице каждого фильма расписано абсолютно все, а именно: год, страна, жанр, режиссер, актерский состав. Это дает возможность принять правильное решение о выборе кинокартины. https://filmok.tv – сайт, где есть удобный поиск, примените его. Сериалы и фильмы ждут вас. Мы гарантируем отменный звук и картинку. Заходите уже сейчас на наш сайт, смотрите интересующий фильм и получайте удовольствие!
Determining the sex of your cannabis plant is very important. Cultural Control for Hairy Bittercress. After the wool blocks are soaked, stick them in a plastic tray that also has a lid. Source: https://busydadtraining.com/forum/topic/tested-in/
Found an article that is worth reading – it’s really interesting! часы кухонные настенные
Found a captivating read that I’d like to recommend to you https://www.uwdawgpound.com/users/worksale555
mexican pharmacy: Mexican Pharmacy Online – mexican online pharmacies prescription drugs
Reduslim ist ein beliebtes Nahrungsergänzungsmittel, das oft zur Gewichtsreduktion verwendet wird. Viele Menschen, die Gewicht verlieren möchten, fragen sich jedoch: Wo kann man Reduslim kaufen? Die Antwort auf diese Frage ist einfach: Reduslim kann online auf der offiziellen Website des Herstellers oder in ausgewählten Apotheken gekauft werden.
Wenn Sie Reduslim kaufen möchten, ist es wichtig, auf die Qualität des Produkts zu achten. Achten Sie darauf, dass Sie das Nahrungsergänzungsmittel nur von einem vertrauenswürdigen Anbieter kaufen, um sicherzustellen, dass Sie ein hochwertiges Produkt erhalten.
Reduslim enthält eine einzigartige Formel aus natürlichen Inhaltsstoffen, die dabei helfen können, den Stoffwechsel zu steigern und die Fettverbrennung zu unterstützen. Durch die Einnahme von Reduslim in Verbindung mit einer gesunden Ernährung und regelmäßiger Bewegung können Sie dabei helfen, Ihr Gewicht zu reduzieren und Ihre Ziele schneller zu erreichen.
Wenn Sie also nach einem effektiven Nahrungsergänzungsmittel zur Gewichtsabnahme suchen, können Sie Reduslim kaufen und von den positiven Wirkungen profitieren. Achten Sie jedoch darauf, das Produkt nur bei seriösen Anbietern zu erwerben, um sicherzustellen, dass Sie ein sicheres und qualitativ hochwertiges Produkt erhalten.
https://reduslim.at/
reputable indian pharmacies indian pharmacy delivery indian pharmacy
Participe e ganhe no site original Fortune Tiger
Eharmony dating site to meet singles find real love
https://cute-teen-girl-pic-skates.fetish-matters.net/?jade-mikayla
Gogo casino affiliates är en av de mest populära och väletablerade affiliatenätverken inom online casino-industrin. Med ett brett utbud av högkvalitativa casinospel och generösa erbjudanden lockar de till sig både spelare och partners.
Som affiliate hos Gogo casino får man tillgång till en mängd marknadsföringsverktyg och support från ett dedikerat team. Genom att marknadsföra Gogo casino och deras spel kan man tjäna provision på varje spelare man refererar till casinot. Det är en bra möjlighet att tjäna extra pengar genom att marknadsföra något man brinner för.
Gogo casino erbjuder även regelbundna kampanjer och bonusar för sina affiliates, vilket gör det ännu mer lönsamt att samarbeta med dem. De håller sig ständigt uppdaterade med de senaste trenderna och erbjuder sina affiliates möjligheten att marknadsföra de mest populära spelen på marknaden.
För de som är intresserade av att bli en del av Gogo casino affiliates är det enkelt att komma igång. Man registrerar sig på deras hemsida, får tillgång till marknadsföringsverktyg och kan börja tjäna pengar direkt.
Sammanfattningsvis är Gogo casino affiliates ett pålitligt och lönsamt affiliatenätverk för de som är intresserade av att marknadsföra online casino spel. Med deras generösa erbjudanden och dedikerade support är det en bra möjlighet att tjäna extra pengar på sin passion för spel.
https://gogocasino.one
mexican pharmacy Online Pharmacies in Mexico medication from mexico pharmacy
best online pharmacy india: Healthcare and medicines from India – indianpharmacy com
http://mexicanpharmacy.shop/# buying prescription drugs in mexico online
best canadian pharmacy Prescription Drugs from Canada canadian pharmacy ed medications
reliable canadian online pharmacy Prescription Drugs from Canada canadian pharmacies that deliver to the us
mail order pharmacy india: Healthcare and medicines from India – reputable indian online pharmacy
Крупнейшая Букмекерская контора 1xbet
Знакомлю с топовой в своем роде Букмекерской конторой 1xbet
Now, with the development of the Internet, bookmakers have moved to the online world, and there are a great many of them there.
The popularity of such online offices is growing from year to year. The main reasons for this are:
1.You don’t need to go somewhere, all bets can be made without leaving your home, and you can also find out all the statistics here.
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 problem-free withdrawal of money. In most of these offices, winnings are withdrawn within 24 hours without any risk for the bettor.
5.A large number of a wide variety of bonuses and promotions http://www.stes.tyc.edu.tw/xoops/modules/profile/userinfo.php?uid=1377731
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.
For trouble-free access to the site, ready-made mirrors always work, knowing about which you will easily provide yourself with access to the Marathon. In addition, when using an alternative site, the player will further increase the level of his protection from scammers.
mexican online pharmacies prescription drugs: Online Pharmacies in Mexico – mexico drug stores pharmacies
https://indianpharmacy.icu/# reputable indian pharmacies
Spot on with this write-up, I really think this amazing site needs far more attention. I’ll probably be returning to read through more, thanks for the info!
Gogo casino är ett populärt online casino som erbjuder sina spelare en spännande och underhållande spelupplevelse. För att locka nya spelare och belöna sina lojala kunder har Gogo casino ett affiliate program där andra webbplatser och influencers kan marknadsföra casinot och tjäna provision på spelares insättningar.
Som en affiliate kan du tjäna pengar genom att marknadsföra Gogo casino på din webbplats, blogg eller sociala medier. När någon klickar på din affiliate-länk och registrerar sig som spelare på Gogo casino och gör en insättning, kommer du att få en del av den insatta summan som provision.
Att vara en Gogo casino affiliate är en utmärkt möjlighet att tjäna extra pengar online. Genom att marknadsföra ett populärt och pålitligt online casino som Gogo, kan du locka till dig spelare och samtidigt tjäna pengar på deras spelaktivitet. Affiliates har även tillgång till marknadsföringsverktyg och statistik för att kunna följa sin prestation och se hur bra deras marknadsföring fungerar.
Om du är intresserad av att bli en Gogo casino affiliate kan du enkelt ansöka om att gå med i programmet på deras webbplats. Genom att bli en affiliate för Gogo casino får du möjlighet att tjäna pengar på spelares aktivitet samtidigt som du marknadsför ett spännande online casino till din publik. Ta chansen att bli en Gogo casino affiliate idag och börja tjäna pengar på din marknadsföring!
https://gogocasino.one
top 10 online pharmacy in india: indian pharmacies safe – world pharmacy india
mexican border pharmacies shipping to usa: Mexican Pharmacy Online – п»їbest mexican online pharmacies
Sick australian school girl photo sharing website back online after
https://okc-tj-maxx-feng.fetish-matters.com/?baby-katlyn
Gogo casino är en populär online kasinosida som erbjuder spelare en spännande och underhållande spelupplevelse. En av de mest eftertraktade erbjudandena från detta casino är Gogo casino no deposit bonus, som ger spelare chansen att spela utan att behöva sätta in egna pengar.
Att kunna spela utan att behöva göra en insättning är en fantastisk möjlighet för spelare att testa på olika spel och se om det är rätt kasino för dem. Gogo casino no deposit bonus ger spelare möjligheten att utforska olika spel och vinna riktiga pengar utan att riskera sina egna medel.
För att ta del av Gogo casino no deposit bonus behöver spelare vanligtvis bara registrera sig på sidan och skapa ett konto. När kontot är verifierat kommer spelare att kunna ta emot bonusen och börja spela sina favoritspel. Det finns vanligtvis ett antal villkor som måste uppfyllas för att kunna ta ut eventuella vinster som görs med bonusen, så det är viktigt att läsa och förstå dessa villkor noggrant.
Gogo casino no deposit bonus är ett utmärkt sätt för spelare att prova på kasinot och dess spelutbud utan att behöva riskera sina egna pengar. Med chansen att vinna riktiga pengar utan att behöva göra en insättning är det en möjlighet som inte bör missas. Så om du letar efter en spännande och generös kasinoupplevelse, se till att kolla in Gogo casino och deras no deposit bonus idag. Lycka till!
https://gogocasino.one
Das Zet Casino ist ein beliebtes Online-Casino, das eine Vielzahl von Spielen und Promotionen fГјr seine Spieler bietet. Eine der aufregendsten Aktionen im Jahr 2021 ist der Zet Casino Promo-Code, der neuen Spielern groГџzГјgige Boni und Belohnungen bietet.
Als neuer Spieler im Zet Casino können Sie von dem Promo-Code profitieren, der Ihnen einen Willkommensbonus auf Ihre erste Einzahlung gewährt. Dies bedeutet, dass Sie zusätzliches Geld erhalten, um Ihre Lieblingsspiele zu spielen und Ihre Gewinnchancen zu erhöhen.
Darüber hinaus bietet das Zet Casino regelmäßig spezielle Promotionen an, die den Spielern die Möglichkeit geben, zusätzliche Boni, Freispiele und Preise zu gewinnen. Diese Aktionen werden oft über den Newsletter des Casinos oder auf der Website bekannt gegeben, sodass es sich lohnt, regelmäßig nach neuen Angeboten Ausschau zu halten.
Um den Promo-Code im Zet Casino zu nutzen, müssen Sie einfach während der Registrierung oder Einzahlung den angegebenen Code eingeben. Sobald Sie dies getan haben, wird der Bonus automatisch Ihrem Konto gutgeschrieben und Sie können mit dem Spielen beginnen.
Es ist jedoch wichtig zu beachten, dass jeder Bonus im Zet Casino bestimmten Bedingungen und Umsatzanforderungen unterliegt. Bevor Sie den Bonus beantragen, sollten Sie sich daher die Geschäftsbedingungen durchlesen, um sicherzustellen, dass Sie die Bedingungen erfüllen und Ihren Bonus erfolgreich umsetzen können.
Insgesamt bietet der Zet Casino Promo-Code 2021 eine großartige Möglichkeit, zusätzliche Belohnungen und Boni zu erhalten, während Sie Ihre Lieblingsspiele spielen. Wenn Sie also auf der Suche nach einem neuen Online-Casino sind, das großzügige Aktionen anbietet, sollten Sie das Zet Casino auf jeden Fall in Betracht ziehen.
https://zetcasino.one/
mexican border pharmacies shipping to usa: mexican pharmacy – mexican rx online
buying from online mexican pharmacy: mexico pharmacy – mexico pharmacies prescription drugs