コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

正規表現を使用して文字を強調表示する

php中世界最好的语言
リリース： 2017-12-30 17:58:02
オリジナル
2009 人が閲覧しました

这次给大家带来的是用正则表达式让字符高亮显示，把数字改换成正则表达式的中文或者指定的字符，既可以高亮。还可以设置其他的高亮颜色，这篇文章就给大家好好分析一下。

红色：style='background:red;'

蓝色：style='background:blue;'

绿色：style='background:green;'

<span id="span_id">span2314的23文本213</span>
var htmlobj = txt.replace(/(\d+)/img, "<span style=&#39;background:red;&#39;>$&</span>");
//var htmlobj = txt.replace(/([+\-]?[0-9]+(\.[0-9]+)?)/g, "<span style=&#39;background:red;&#39;>$1</span>"); // 这个也可以
//var htmlobj = txt.replace(/(\d+)/img, "<span style=&#39;background:yellow;&#39;>$1</span>");//这个也可以
alert("替换spna中的数字："+htmlobj);
$("#span_id").html(htmlobj);
ログイン後にコピー

相信看了以上介绍你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

JS怎样可以做到点击跳转到登陆的个人邮箱

require.js的使用方法详细介绍

Ajax应该如何使用

以上が正規表現を使用して文字を強調表示するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
見せる 表現 ハイライト
ソース：php.cn
前の記事：Ajaxエラー処理メソッド 次の記事：Ajax は検証コードを使用して部分更新ログイン インターフェイスを実装します
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
単語と一致する正規表現 新しいジョブ名をデータベース内の既存のジョブ名と照合しようとするスクリプトがあります。 SELECTa.titleASJobTitle,j.DescriptionASMatched...
から 2024-04-06 21:24:04
0
1
606
クエリと式は、新しい列を含むテーブル全体を形成します。新しい列は、他の条件列の値を含む式です。 編集: 式は「値」列、つま​​りカテゴリに基づいて最も低い user_id を持つ「値」列である必要があります。カテゴリ「A」の最も低い「user_id」の「value」列が 0....
から 2024-04-06 21:23:40
0
2
530
MySQL SQLクエリを使用して別のテーブルのフィールドの合計を計算する 次のようなスキーマがあります。 属性「user_id」と「username」を持つユーザーテーブルと、属性「customer_id」（user_idのFK）と「finalPrice...
から 2024-04-06 19:39:29
0
1
441
MySQL: 「<ここの変数またはサブクエリ> として...からテキストを選択します」 次のデータを含む次のテーブルがあります: id text language 1 german text german 2 english text english 私が望むのは、次...
から 2024-04-06 19:25:54
0
2
529
無効な React 子要素 (見つかった: キー {clientVersion} を持つオブジェクト)。子要素のコレクションをレンダリングする場合は、代わりに配列を使用してください 複数ステップのフォームを持っているのですが、送信しようとするとこのエラーが表示されます。ただし、createOrganization スケジュールを単純な形式で使用すると、機能しま...
から 2024-04-06 16:25:39
0
1
346
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート