ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryページ上のすべてのテキストを置き換えます
このjQueryコードスニペットは、Webページ上のすべてのテキストを指定された文字列に置き換えます。 変数に基づいて、動的に会社名またはその他のテキストを変更するのに役立ちます。 .replace()
は新しい文字列を返すことを忘れないでください。ページを更新するには、要素に再割り当てする必要があります。
// 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は、
を使用して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 サイトの他の関連記事を参照してください。