「jQuery」replaceで複数の同じ文字を置き換るサンプル
環境
Google Chrome 104.0.5112.81
jQuery 3.6.0
構文
replace(/置換前文字/g, “置換後文字"));
正規表現のオプションのgを使用して、複数の同じ文字を置き換えます。
replace() メソッドは、pattern に一致する文字列の一部またはすべてを replacement で
置き換えた新しい文字列を返します。
使用例
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#show").click(function(){
$("#cft").text($("#cft").text().replace(/to/g, "東京"));
});
});
</script>
</head>
<body>
<p style="text-align: center" id="cft">122 tokyo and 44 toho </p>
<button id="show">表示</button>
</body>
</html>
実行結果
「表示」ボタンを押下すると、「122 tokyo and 44 toho」を「122 東京kyo and 44 東京ho」に置き換えます。