ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryページ上のすべてのテキストを置き換えます

jQueryページ上のすべてのテキストを置き換えます

Joseph Gordon-Levitt
リリース: 2025-03-03 00:58:09
オリジナル
447 人が閲覧しました

このjQueryコードスニペットは、Webページ上のすべてのテキストを指定された文字列に置き換えます。 変数に基づいて、動的に会社名またはその他のテキストを変更するのに役立ちます。 .replace()は新しい文字列を返すことを忘れないでください。ページを更新するには、要素に再割り当てする必要があります。

jQuery Replace All Text On Page

これを使用する方法:

// Replace all periods (.) on the page with hyphens (-)
var replace_str = $('body').html().replace(/./g,'-');
$('body').html(replace_str);

// Alternative method if the above doesn't work
var strNewString = $('body').html().replace(/./g,'---');
$('body').html(strNewString);
ログイン後にコピー

よくある質問(FAQ):jQuery stringの交換

Q1:jQueryを使用してHTMLコンテンツ内の文字列を交換するにはどうすればよいですか? jQueryは、およびjavascriptの

を使用して効率的に交換します。 要素を選択し、

を使用してHTMLを取得し、.html()を適用してから、結果を使用して要素のHTMLを更新します。 replace() .html()replace()Q2:文字列の複数の発生を交換できますか?

はいですが、
$("p").html(function(index, oldHtml) {
  return oldHtml.replace("old string", "new string");
});
ログイン後にコピー
最初の

発生のみを置き換えます。すべてのインスタンスに「g」フラグ(グローバル)で正規表現を使用してください:

Q3:HTMLの特定の部分をターゲットにするにはどうすればよいですか? replace()より正確なjQueryセレクターを使用します。 たとえば、パラグラフの文字列をクラス「myclass」に置き換えるには:

$("p").html(function(index, oldHtml) {
  var regex = new RegExp("old string", "g");
  return oldHtml.replace(regex, "new string");
});
ログイン後にコピー
Q4:属性値内の文字列を置き換えることはできますか?

はい、メソッド:を使用します

Q5:文字列をHTMLコンテンツに置き換えることはできますか?
$(".myClass").html(function(index, oldHtml) {
  var regex = new RegExp("old string", "g");
  return oldHtml.replace(regex, "new string");
});
ログイン後にコピー
はい。

以上がjQueryページ上のすべてのテキストを置き換えますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート