エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
[Javascript] 検索ハイライトを、正規表現で実装する - YoheiM .NET
こんにちは、@yoheiMuneです。 最近、JavaScriptで検索を行い該当箇所をハイライトする実装を行う機会が... こんにちは、@yoheiMuneです。 最近、JavaScriptで検索を行い該当箇所をハイライトする実装を行う機会がありました。そのハイライト処理について、ブログにも書いておきたいなと思います。 目次 JavaScriptで検索ハイライトを実装する 正規表現を利用して実装し、ハイライト箇所を<span class="search-highlight"></span>で囲うような実装にしています。 /** * 検索結果で該当箇所を黄色でハイライトする. * @params query - 検索キーワード * @params body - 検索対象の文章 */ function highlightSearchResult(query, body) { const regexp = new RegExp(`(${query})`, 'gi') // ①、② body = body.replac
2018/08/03 リンク