針對全文透過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>

實際動手玩看看↓↓

You may also like...

348,764 Responses

  1. Waynerat表示:

    prednisone 60 mg daily: prednisone for sinus infection – buy prednisone 1 mg mexico

  2. FerminDem表示:

    FAQ About Planting Weed Seeds. Growing Hemp for Hempcrete. Functional cookies help our website to function optimally and allow us to personalise certain features. Source: https://exchange.prx.org/series/46603-unleash-your-green-thumb-buy-potent-weed-seeds-a

  3. Waynerat表示:

    order generic clomid tablets: clomid pct – can you get generic clomid without insurance

  4. Danieliteds表示:

    cost of generic clomid no prescription: taking clomid – can i get cheap clomid prices

  5. BrianGub表示:

    http://clomidst.pro/# how to buy cheap clomid without prescription

  6. BrianGub表示:

    http://clomidst.pro/# can you get generic clomid for sale

  7. Waynerat表示:

    amoxicillin 500 mg capsule: amoxicillin azithromycin – amoxicillin tablet 500mg

  8. angeliamr6表示:

    Big cock shemale porn pictures and galleries most popular
    http://damn.android-sexy.silk.outfit-calendar.danexxx.com/?patricia-devyn

    free gay porn medical examinations porn big thumbs pics fish stockings porn young teenage girl porn porn she males

  9. Williamces表示:

    can i purchase generic clomid without dr prescription: femara vs clomid – buy generic clomid prices

  10. Timothyamori表示:

    A type of milkweed, butterfly weed is generally planted in late spring after the soil is warm. humistrata Swamp milkweed A. In a recent study, applications of silver thiosulfate induced male flower formation on genetically female hemp plants Lubell and Brand, 2018. Source: https://flamegourmetburger.com/2024/02/07/green-magic-a-comprehensive-guide-to-cannabis-seed-buying

  11. Danieliteds表示:

    generic clomid without insurance: side effects of clomid – can you buy cheap clomid

  12. BrianGub表示:

    http://amoxilst.pro/# buy amoxicillin online mexico

  13. jaimevd69表示:

    Japanese femdom porn 16 581 free sex videos pornsos
    http://bengalifunnypicturequotes.whatdoesasexualmean.miaxxx.com/?erin-janie

    short shorts porn pix lisbien porn party porn girl free streaming 60s porn sister brother porn vid

  14. BrianGub表示:

    http://prednisonest.pro/# where can i buy prednisone

  15. StevenViorb表示:

    Best of all, it only takes about 6-7 weeks to flower, which makes it one of the best female weed seeds to grow in a hurry. Our sales run for a limited time, and as long as stocks last, so we cannot guarantee that your favorite seeds will be offered at the same discount in a few days. If a significant weed seed rain has occurred, leave weed seeds at the surface for a period of time before tilling to maximize weed seed predation. Source: http://delevideo.com/2013/06/25/seeds-of-change-a-comprehensive-cannabis-growing-manual/

  16. BrianGub表示:

    https://prednisonest.pro/# prednisone cost canada

  17. Williamces表示:

    generic clomid pill: clomid vs clomiphene – cost of cheap clomid no prescription

  18. Cedricneems表示:

    мега ссылка – mega dark, mega официальный сайт

  19. AnthonyPreep表示:

    how can i get generic clomid how to buy clomid online get cheap clomid pills

  20. joseje16表示:

    Bdsm library 24 sex stories sites like bdsmlibrary the porn
    http://pasik.alypics.com/?julissa-tierra

    cheesy porn babes porn sample clips teen porn moves cars and girls porn cocaine porn star

  21. MiguelwoT表示:

    However, what may come as a surprise is that cannabis is still illegal in the Netherlands. Greetings, Joe Dutch Passion. What Are Female Cannabis Plants. Source: https://ameriniristorantedipesce.com/2024/02/07/cannabis-garden-alchemy-the-art-of-seed-buying-and-growing

  22. EdwardTouby表示:

    Почему главный мошенник «Телетрейда» Сергей Сароян до сих пор не за решеткой?
    Читати українською

    Почему главный мошенник «Телетрейда» Сергей Сароян до сих пор не за решеткой?
    Четверть века обманывать народ – это надо уметь. В этом деле настоящий эксперт – мошенник Сергей Сароян, главарь грандиозного схематоза под названием «Телетрейд» в Украине. Почему же этот «крупнокалиберный» аферист до сих пор гуляет на свободе, а не сидит в тюрьме, как положено? И как о нем отзываются бывшие сотрудники и клиенты: радостного мало…

    На данный момент главарем форексной аферы под неймингом «Телетрейд» на территории Украины является мошенник Сергей Сароян. Он же директор всех местных подразделений компании. Ранее «Телетрейд» возглавлял и «руководил» всеми аферами Владимир Чернобай, который скрываясь от правоохранительных органов, скончался в Европе. Его «дело» наследовали вдова Анна Чернобай и племяш Олег Суворов, а также остальные пособники.

    Сергея Сарояна называют хитрым, одиозным и амбициозным. И это неспроста. Двуличный руководитель «с пеной у рта» раздает обещания, как клиентам, так и сотрудникам. Кстати, об отзывах, как первых, так и вторых, мы расскажем чуть позже в нашем материале, поэтому рекомендуем дочитать до конца.

    Что известно о Сергее Сарояне: коротко

    В 2001 году он закончил Одесскую национальную академию связи им.Попова. На старте своей карьере работал в телекоммуникациях. Женат.

    А на своем фейсбуке, как видите, не скрывает, что он «в теме» и работает в «Телетрейд»… Интересно, что на своей странице в Фейсбуке, а именно в разделе «Информация», он разместил такой «скромный» философский текст «обо всем и ни о чем»:

    Ну, смешно, ей богу… Хотя, с другой стороны, грустно… Ведь люди читают этот бред, а многие ведутся на «профи»… Только вот потом жалуются… правда без толку, как показывает опыт многих пострадавших.

    На протяжении с 2005-го по 2006-й года Сароян курировал региональные направления «Телетрейда» по стране. Под его «крылом» было свыше 30 офисов. Здесь и столица, и мама-Одесса, Харьков, город-Лев, Черновцы и т.д… Стоит отметить, что «повезло» с руководителем «Телетрейда» не только украинским городам. Так же под раздачу Сарояна попали европейские и азиатские офисы: Италия, Португалия, Польша, и т.д. Как понимаете, бабло «лилось рекой» в карманы остервенелым аферистам.

    Кстати, «трудился» товарищ Сароян не за идею. Ему доставалось 3 процента от той самой «идеи»… Ну, вы поняли. Если озвучить простым языком, нам так не жить. Дорого. Богато. Красиво… Для понимания, Сароян получал на выходе свыше 30 тысяч баксов ежемесячно. И это не сейчас! А тогда… давным-давно, как говорится…. Без комментариев. Все подробности – здесь.

    Кстати, вот интересное видео, где Сароян озвучивает, что он глава этой компании аферистов «Телетрейд» в Украине …

    А вот и еще одно занимательное видео о том, как «Телетрейд» общается с реальными клиентами…

    Телетрейд: что известно грандиозном схематозе

    Печально известная на многих континентах мира форексная компания был зарегистрирована в оффшорах на Карибах. Еще три года назад в 2018-м бренд «Телетрейд» был лишен лицензии, а также ему запретили работать на территории Российской Федерации и в Беларуси. Уже в 2019-м МВД России в отношении компании были возбуждены уголовные дела по части 4 статьи 159 УК РФ. Речь идет о мошенничестве в особо крупных размерах. А вот, что касается руководства сей распрекрасной компании, то Владимир Чернобай с племянником Олегом Суворовым смотались за бугор, а также были объявлены в розыск. Кстати, в следующем 2020-м, уголовные дела на эту компанию завели и в Казахстане. Отметим, что там товарищи-руководители уже за решеткой, в отличии от наших…

    Подробности «Синхронной торговли» от Телетрейда

    В сентябре 2020-го в пресс-центре «Интерфакса» прошла пресс-конференция по поводу того, как «давят» масс-медиа в связи со скандальными событиями вокруг трейдерской банды «Телетрейд». Бойня, в прямом смысле этого слова, уже давно продолжается между пострадавшими клиентами и мошенниками.

    На «Телетрейд» уже заведено уйма криминальных дел и не в одной стране. Так, уголовки по мошенничеству в особо крупных размерах открыты в Российской Федерации (ч.4 ст.159 УК РФ). В Казахстане уголовные дела на компанию открыты по статье 190 УК РК.

    Во время пресс-конференции спикеры заявили о том, что на масс-медиа оказывают давление, запугивая. Делают это «защитники», остаивающие интересы «Телетрейда» с целью «закрыть рты» свободным СМИ.

    О мошеннических схематозах проекта «Синхронная торговля» рассказал подробно бизнес-эксперт, глава РК «Амиллидиус» Богдан Терзи.

    Он озвучил, что если раньше за аферы компании «Телетрейд» отвечали реальные люди-трейлеры с подачи руководства, то сейчас этот функционал выполняют роботизированные системы, которые контролируют программисты компании. Ясное дело, что все эти бото-роботы оформлены как «люди» с виртуальным баблом на счетах. Только вот проблема в том, что народ, который подключается к таким «товарищам», вполне реален и не подозревает о «зраде». По итогу люди теряют свои деньги, которые «уплывают» в карманы мошенников. Кстати, у этого «проекта» есть много названий, так как зараза распространилась по всему земному шару: «Sync trading», «Copy trading», «Teletrade invest», ну а в Украине – «Синхронная торговля».

    Невероятно, но факт: по распоряжению Сергея Сарояна бандиты похитили сотрудника «Телетрейд» и требовали 5 тысяч баксов, дабы «не похоронить в болоте»

    Вроде бы мы все живем в реалиях 21 века, в свободном современном обществе, но оказывается, не все так просто. Резонансный случай произошел с одним из сотрудников «Телетрейда». И это только один пример, который придали огласке. А сколько их на самом деле? Вопрос риторический, а теперь подробнее о скандале, который просто «взорвал» информационное пространство.

    Итак, о «похищении с мешком на голове» рассказал сам пострадавший, служащий украинского подразделения Центра биржевых технологий «Телетрейда» Олег Фурдуй, уже бывший…

    Управляющего офисом в Одессе и кризис-менеджера киевского офиса «Телетрейда» Олега Фурдуя выкрали, надели мешок на голову, вывезли в дебри и требовали 5 тысяч баксов, угрожая «похоронить в болоте». Мотивировали тем, что он «давал подсказки» клиентам по выводу бабла.

    Как видим, за помощь клиентам по актуальным вопросам, связанным с выводом своих средств, глава «Телетрейда» Сергей Сароян при помощи своей банды похитил своего сотрудника и даже отобрал выкуп за него у жены Олега.

    И, кстати, в Украине, «дочка» главной мошеннической структуры «Центра Биржевых Технологий», а именно «Телетрейд» признана мошеннической, а сотрудниками СБУ и Генеральной прокуратуры Украины были проведены обыски, в ходе которых изъята техника и ведется следствие.

    Отзывы сотрудников Сарояна и его «Телетрейд»: без комментариев

    Отзывы клиентов Сарояна и «Телетрейд»: здесь вообще аншлаг

    Не будем ничего комментировать, размещаем исключительно комментарии клиентов этой «шарашкиной конторы», позиционирующей себя как «международная компания»…

    Отзывы клиентов, которых «поимела» форекс-компания во главе с Сергеем Сарояном:

    – Наталье Лячиной, клиентке Центра Биржевых Технологий, отказала компания Телетрейд в выводе ее личных средств…

    – клиент Никита Лебединский попал в ситуацию, когда ему под разными предлогами отказывали в выведении средств…

    – еще одна жертва обстоятельств – Ольга Король…

    – компания «Телетрейд» также против того, чтобы вернуть деньги, принадлежавшие клиентке Светлане Клубковой…

    – еще одна жертва мошенников – Ольга Круглякова…

    – а вот Абдулатиф Хашим Альбаргави вообще вложил в «Телетрейд» свыше 500 000 миллиона баксов, а уже через полгода потерял порядка 50 000. При попытке вывести оставшиеся средства, а именно 465 000 долларов, ему доступ к счету заблокировали. Далее деньги со счета вообще пропали. Форексная компания «Телетрейд» украла у своего клиента полмиллиона баксов за ночь. Добиться справедливости вип-клиент не смог.

    Также есть и другие отзывы клиентов «Телетрейда» на разных сайтах:

    Что здесь сказать… Крайне непонятно, почему аферист и мошенник Сергей Сароян до сих пор на свободе, если против него собрано столько компрометирующих материалов? Уже всему миру понятно, что эта «шарашкина контора», то есть «Телетрейд» – это мошенническая организация, которая сливает счета клиентов на собственные оффоры преступным путем. Всем понятно, а нам нет? Что не так с нашей правоохранительной системой? Или этот вопрос можно считать риторическим?

    Теги : ОффшорыФурдуй ОлегФорексЧернобай АннаЧернобай ВладимирСуворов ОлегАферыTeleTradeОдессаАферистыМошенникиМошенничествоТелеТрейдСароян Сергей

    Автор статьи :
    Михаил Соколов
    Все статьи автора

    26 февраля 2021 г., 11:00 Просмотров: 22757 Комментарии : 0
    Распечатать Послать другу

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。